|
|
 Frankie P - 2016-09-22 15:32:26 do you have working example for newbe?
 Christian Vigh - 2016-09-22 19:15:27 - In reply to message 1 from Frankie POoops ! 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...
Frankie P - 2016-09-22 19:20:45 - In reply to message 2 from Christian Vighit still not works
Christian Vigh - 2016-09-22 19:44:41 - In reply to message 3 from Frankie PI 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 !
Frankie P - 2016-09-22 19:54:03 - In reply to message 4 from Christian VighStill 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>
Christian Vigh - 2016-09-22 19:59:30 - In reply to message 5 from Frankie PI 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 ?
Frankie P - 2016-09-22 20:04:49 - In reply to message 6 from Christian VighI use Safari on Mac
Frankie P - 2016-09-22 20:05:41 - In reply to message 6 from Christian VighHad same issue with jQuery 2.
Christian Vigh - 2016-09-22 20:19:51 - In reply to message 8 from Frankie PUnfortunately 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 ?
Frankie P - 2016-09-22 20:36:41 - In reply to message 9 from Christian VighWorking 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()" />
<input id="error" type="button" value="$.error()" />
<input id="confirm" type="button" value="$.confirm()" />
<input id="inputbox" type="button" value="$.inputbox()" />
<input id="wait" type="button" value="$.wait()" />
</body>
</html>
|
