Icontem

msgbox

Recommend this page to a friend!

      jQuery msgbox  >  All threads  >  msgbox  >  (Un) Subscribe thread alerts  
Subject:msgbox
Summary:Example
Messages:17
Author:Frankie P
Date:2016-09-22 15:32:26
 
  1 - 10   11 - 17  

  1. msgbox   Reply   Report abuse  
Frankie P - 2016-09-22 15:32:26
do you have working example for newbe?

  2. Re: msgbox   Reply   Report abuse  
Christian Vigh - 2016-09-22 19:15:27 - In reply to message 1 from Frankie P
Ooops ! i forgot to update file "index.html", which gives a demonstration of all the functions.

I just updated it right now, so it should work better...

  3. Re: msgbox   Reply   Report abuse  
Frankie P - 2016-09-22 19:20:45 - In reply to message 2 from Christian Vigh
it still not works

  4. Re: msgbox   Reply   Report abuse  
Christian Vigh - 2016-09-22 19:44:41 - In reply to message 3 from Frankie P
I made a second update, could you have a try when you'll have time ? the example should work now.

I thank for reporting this problem : it seems to have existed since the very first release but you are the first to have noticed it !


  5. Re: msgbox   Reply   Report abuse  
Frankie P - 2016-09-22 19:54:03 - In reply to message 4 from Christian Vigh
Still not working so I changed http to https and now it working.

Changed: <script language='javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>


To:
<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>

  6. Re: msgbox   Reply   Report abuse  
Christian Vigh - 2016-09-22 19:59:30 - In reply to message 5 from Frankie P
I have not tested it with jQuery 3 so you should leave the reference to jQuery 2.

Which browser are you using ?
Do you have error messages in the console ?

  7. Re: msgbox   Reply   Report abuse  
Frankie P - 2016-09-22 20:04:49 - In reply to message 6 from Christian Vigh
I use Safari on Mac

  8. Re: msgbox   Reply   Report abuse  
Frankie P - 2016-09-22 20:05:41 - In reply to message 6 from Christian Vigh
Had same issue with jQuery 2.

  9. Re: msgbox   Reply   Report abuse  
Christian Vigh - 2016-09-22 20:19:51 - In reply to message 8 from Frankie P
Unfortunately I will not be of great help immediately.

I'm working on Windows ; I have an old version of Safari (5.1.17) and I think this is the latest one that Apple released for Windows, before stopping their support for this OS.

I tried with this version and - unfortunately - it works. I'm saying "unfortunately", because if it had not worked on my system, it would have helped me to debug your issue.

I need to find someone in my neighbouring that uses Mac + Safari but this may take time.

BTW, just in case of, could you send me the file "index.html" that you are currently testing ?

  10. Re: msgbox   Reply   Report abuse  
Frankie P - 2016-09-22 20:36:41 - In reply to message 9 from Christian Vigh
Working with jQ 2

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>$.msgbox demo</title>

<!-- How to use the browser.js features : -->

<!-- Step 0 : you need JQuery and jQuery ui -->
<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script>

<!-- Step 1 : Include a jQuery UI theme -->
<link rel="stylesheet" href="css/themes/thrak/jquery-ui-1.10.3.custom.css">

<!-- Optional step 1 : Include $.script -->

<!-- Step 2 : Include msgbox.js -->
<script language="javascript" type="text/javascript" src="thrak.ui.msgbox-1.2.2.js"></script>

<!-- The rest of this file is dedicated to the demo -->
<script type="text/javascript">
$(document). ready
(
function ( )
{
// Display a $.alert box with the specified message and a custom title
// When closing (by clicking ok or close button), a native "alert" message will be displayed
$('#alert'). click
(
function ( e )
{
$. alert
(
$('#sample'). val ( ),
"Alert box",
function ( ) { alert ( "You will close the $.alert() box" ) ; }
)
}
) ;

$('#error'). click
(
function ( e )
{
$. error
(
$('#sample'). val ( ),
function ( ) { alert ( "You will close the $.error() box" ) ; }
)
}
) ;

$('#confirm'). click
(
function ( e )
{
$. confirm
(
$('#sample'). val ( ),
function ( status ) { alert ( "You chosed " + ( ( status ) ? "[OK]" : "[CANCEL]" ) ) ; }
)
}
) ;

// When an inputbox closes, the parameter supplied to the callback is either false or the value of the input field
$('#inputbox'). click
(
function ( e )
{
$. inputbox
(
$('#sample'). val ( ),
function ( status ) { alert ( ( ( status === false ) ? "Input cancelled" : "You entered the following :\n" + status ) ) ; }
)
}
) ;

$('#wait'). click
(
function ( e )
{
$. wait ( $('#sample'). val ( ) ) ;
setTimeout ( function ( ) { $.wait () ; }, 1000 ) ;
}
) ;
}
) ;
</script>
</head>


<body>
<h1>Sample demo of $.msgbox() :</h1>
<br />

Sample text : <input id="sample" type="text" size="110" value="Ma soeur a ÚtÚ mordue par un Úlan" />
<br /><br />
<input id="alert" type="button" value="$.alert()" />
&nbsp;
<input id="error" type="button" value="$.error()" />
&nbsp;
<input id="confirm" type="button" value="$.confirm()" />
&nbsp;
<input id="inputbox" type="button" value="$.inputbox()" />
&nbsp;
<input id="wait" type="button" value="$.wait()" />
</body>
</html>

 
  1 - 10   11 - 17