popup alert once a day
[3Replies]
- 06-Mar-2018 02:12 PM
- Forum: Using jQuery
Hi,
I am trying to popup an alert once a day, but it does not work, long time I did not touch jquery, I feel I am lost, thanks, your help is appreciated.

Here is what I did :
2. <html>
3. <head>
5. <link rel="stylesheet" href="reveal.css">
6. <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
7. <script type="text/javascript" src="jquery.reveal.js"></script>
9. <script type="text/javascript">
10. $(document).ready(function() {
11. if ( localStorage.getItem('seen') != (new Date()).getDate()) {
12. setTimeout(showpanel, 4000);
13. }
14. $("div").click(function() {
15. alert("Wel-Come to the Learn jQuery..!");
16. });
18. function showpanel() {
19. $('.reveal-modal').reveal({
20. animation: 'fade',
21. animationspeed: 800
22. });
24. localStorage.setItem('seen', (new Date()).getDate());
25. }
28. });
29. </script>
30. </head>
31. <body>
32. <div id="ex1">
33. Click here to open Dialogue Box.
34. </div>
35. <div id="myModal" class="reveal-modal">
36. <h1>Reveal Modal Goodness</h1>
37. <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
38. <a class="close-reveal-modal">×</a>
39. </div>
40. </body>
41. </html>
43. Thanks,

04-Nov-2015 04:12 PM
Forum: Using jQuery

Hi,

I have a python program that send from server side random numbers to be displayed in an html page :

$(document).ready(function(){
    //connect to the socket server.
    var socket = io.connect('http://' + document.domain + ':' + location.port + '/test');
    var numbers_received = [];

    //receive details from server
    socket.on('newnumber', function(msg) {
        console.log("Received number" + msg.number);
        //maintain a list of ten numbers
        if (numbers_received.length >= 10){
            numbers_received.shift()
        }            
        numbers_received.push(msg.number);
        numbers_string = '';
        for (var i = 0; i < numbers_received.length; i++){
            numbers_string = numbers_string + '<p>' + numbers_received[i].toString() + '</p>';
        }
        $('#log').html(numbers_string);
    });

});

I would like instead of displaying these numbers in the the page show then in :

D3 Liquid Fill Gauge

how can I integrate this example with this code :

http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

instead of the onclick I want data to change authomatically, no clicking.

Thanks, your help is appreciated.

trying to replicate this swipe.js, but not working
[9Replies]
- 05-May-2015 01:33 PM
- Forum: Using jQuery
Hi,
I found this :

https://labdoor.com/review/sunwarrior-warrior-blend-raw-vegan-protein

I like the swipe pagination of the three images, tried to do the same in jsfiddle :

http://jsfiddle.net/mlotfi/85rr53fm/3/

but does not work for me.

Thanks.

what plugin is this slider ?
[2Replies]
- 23-Apr-2015 10:17 AM
- Forum: Using jQuery
Hi,

I saw this web site, was trying to see what plugin they are using to change the background pictures, is there any easy way how to find a plugin from a web site ?

the web site is :

http://visualmass.co/collections/featured

using inspector I can see :

Dialog width is not working in FireFox
[1Reply]
- 06-Apr-2015 12:33 PM
- Forum: Using jQuery
HI,

I have this dialog :
2. dialog = $("#dialog-form").dialog({
3. autoOpen: false,
4. height: 500,
5. width: 720,
6. modal: true,
7. buttons: {
8. "Create Rename Rule Type ": addUser,
9. Cancel: function() {
10. dialog.dialog( "close" );
11. }
12. },
13. close: function() {
14. form[ 0 ].reset();
15. allFields.removeClass("ui-state-error");
16. }
17. });
It's working fine in Chrome, but not in Firefox.

thanks.

any easy simple example explaining Deferrer and Promise ?
[1Reply]
- 27-Mar-2015 03:40 PM
- Forum: Using jQuery
HI,
I look everywhere to understand what is promise and deferred, what we need it for, but all blogs, articles, tutorials are very complicated, I will appreciated if someone give us an easy example for dummies.

a working example in jsfiddle , codepen or any.

Thanks

ajax data xml string problem

[11Replies]

12-Mar-2015 12:01 PM
Forum: Using jQuery

$(document).on('click','#metadataListTable .delete', function () { /
var ans = confirm("Do you want to delete Metadata?");
if(ans==true){
var nRow = $(this).parents('tr')[0];
var data = oTable.row( $(this).parents('tr') ).data();
alert( data[10] +" ========= "+ data[11] );
oTable.row( $(this).parents('tr')).remove().draw();
$.ajax({
url: "deleteMetadata.do",
data: "id=" + nRow.id + "&flag=" + "T" + "&ifData=" + data[10] + "&env=" + data[11],
success: function(response) {
// alert(response.message);
toastr.success(response.message);
}
})
}
});

my problem is in the ajax , for example :

the two hidden columns :

<td class="idata"><Interface environment="QA" from="rm" name="8zxjckeq" to="rm" version="4.0">\r<HTTPS/>\r</Interface></td>
	<tdclass="edata">QA</td>

data[10] =" <Interface environment="QA" from="rm" name="8zxjckeq" to="rm" version="4.0">\r<HTTPS/>\r</Interface> "

and data[11] ="QA"

when I go to the server side to read the value of ifData :

String ifaceData = request.getParameter("ifData");

It is always empty.

find td of the current tr
[6Replies]
- 11-Mar-2015 03:26 PM
- Forum: Using jQuery
Hi,

I wrote this code :

http://jsfiddle.net/mlotfi/zxd6p5ss/

it's working fine, the console display what is expected.

but when I run it in my machine (not in jsfiddle) I got null for both of them.

here is the markup of my page :

http://pastebin.com/U2p8PLAW

Thanks.

validation inside a dialog
[10Replies]
- 02-Mar-2015 02:23 PM
- Forum: Using jQuery
Hi,

I have a dialog box that is working fine, the end user has to check one or more checkboxes before pressing the button "Assign", I want to have a validation before submitting, if no checkbox were checked it should diaply an error validation, here is my code :

I would like to check if the array agenciesId is empty, display an error and don't submit.
2. $("#divPopUp").dialog({
3. resizable: true,
4. autoOpen: false,
5. height: 500,
6. width: 550,
7. modal: true,
8. buttons: {
9. "Assign": function () {
10. var agenciesId = $(this).find(":checkbox:checked").map(function () {
11. return this.value;
12. }).get();
13. //alert("agenciesId :" + agenciesId);
14. var ruleIDd = $("#divPopUp").data('param_1');
15. $.ajax({
16. url: 'assignRenameRuleToAgency.do',
17. data: {"agenciesId": agenciesId,"ruleId":ruleIDd },
18. success: function(response) {
19. toastr.success(response.message);
20. oTable.draw(false);
21. //oTable.fnStandingRedraw();
22. }
23. });
24. $(this).dialog("close");
25. },
26. Cancel: function () {
27. $(this).dialog("close");
28. }
29. },
30. close: function () {
31. $(this).find(":checkbox").removeAttr('checked');
32. $(this).dialog("close");
33. }
34. });
Thanks.

did not understand this code
[6Replies]
- 26-Feb-2015 11:52 AM
- Forum: Using jQuery
Hi,
I found this code :

http://jsfiddle.net/mlotfi/91w82bLf/

, I did not understand this line :
1. (text.indexOf(valThis) == 0) ? $(this).parent().show() : $(this).parent().hide();
Thanks, your help is appreciated.

filter by checkbox
[7Replies]
- 25-Feb-2015 12:58 PM
- Forum: Using jQuery
I am trying to filter an array by checkboxed, but the console.log did not display anything.

http://jsfiddle.net/mlotfi/jxnyscLc/

Thanks.

switchButton is not working in ie
[1Reply]
- 19-Feb-2015 10:29 AM
- Forum: Using jQuery
Hi,
I always use chrome, used switchButton in my code working fine, byt was surprised when I load the page in ie 11, it did not show the nice switch Button with ON and OFF, it just show a classic checked checkbox, here is a pic of the inspector in ie and chrome :

How to set switchButton from dynamically data constructed ?
[27Replies]
- 17-Feb-2015 04:09 PM
- Forum: Using jQuery
Hi,

the value global (true or false) was constructed from a json, I don't know how to set the valye of each switchButton in a td, here is the fiddle :

http://jsfiddle.net/mlotfi/cddyx4vr/

Thanks.

how to read the value of a hidden fileds ?
[75Replies]
- 06-Feb-2015 11:23 AM
- Forum: Using jQuery
I used lot of data attributes in my html code, but when deployed I was surprised Apache is not supporting data attributes, so I am trying to convert data attributes that have array as value to hidden text field.

here is a fiddle that show the html code :

http://jsfiddle.net/mlotfi/dtmzaevb/

Can you please show me how to read the value of those hidden fileds in jquery ?

thanks

what to do if data-attribute is not working ?
[8Replies]
- 05-Feb-2015 08:30 PM
- Forum: Using jQuery
Hi,

it looks like our Apache server is not configured to work with html5, I talk to people in charge of the configuration but did not get any help, maybe they don't know how to do that setup.

My question here is :

when my html page load, couple data attributes got populated from the server side, but let say we have a static html code that has :
1. <tr id="24" data-one="[string1,string2,..stringn]" data-two="[otherstring1,otherstring7,...,otherstringm]" >
  
  </tr>
what can you advise me to use instead of data-attributes ?

thanks lot.

copy to clipbord
[5Replies]
- 05-Feb-2015 12:25 PM
- Forum: Using jQuery
Hi,
I found this copy to clipboard in this page :

http://www.quackit.com/html_5/tags/html_video_tag.cfm

under the section that says :

Web Server Support for MIME Type

I tried to duplicate it i a jsfiddle, but it does not work, here is my fiddle :

http://jsfiddle.net/mlotfi/y12d2915/

Thanks

data attribute return null
[1Reply]
- 03-Feb-2015 02:02 PM
- Forum: Using jQuery
Hi,

I have already asked a question that my code is working locally in my machine, but when checked in, all the data attributes disappear, I started duplicating my code in a jsfiddle :

http://jsfiddle.net/mlotfi/x9xhw3v3/

I don't know why I got :

null

null

Thanks, your help is appreciated.

html data attribute stripped from my code in Apache
[5Replies]
- 30-Jan-2015 11:08 AM
- Forum: Using jQuery
I am developing locally in my windows using Netbeans IDE and tomcat, data attributes work fine in my local tomcat, but when I checked in my code in the Apache server, and took a look in source code, I found out that all data attributes are stripped from the code :

when I run my code locally (tomcat) : http://jsfiddle.net/mlotfi/b2y9Ls5o/

when I run it in Apache : http://jsfiddle.net/mlotfi/az68hkb0/

Thanks, your help is appreciated.

jQuery UI Multiselect
[3Replies]
- 22-Jan-2015 01:53 PM
- Forum: Using jQuery
Hi,
I found this multiselect here :

http://www.quasipartikel.at/multiselect/

I was trying to use it in a fiddle :

http://jsfiddle.net/mlotfi/5o1uxog3/

could you please tell me what I am missing here ?

thanks lot.

Uncaught SyntaxError: Unexpected token var (using switchButton)
[4Replies]
- 21-Jan-2015 08:44 PM
- Forum: Using jQuery
am trying to read a data attribute from switchButton event, but I got this error :

Uncaught SyntaxError: Unexpected token var

Here is the fiddle :

http://jsfiddle.net/mlotfi/pot095x3/

Thanks.

how to refresh a jquery Datatable after an operation ?
[10Replies]
- 05-Jan-2015 12:05 PM
- Forum: Using jQuery
Hi, I have a datatable, the first column show agencies assigned to this row, in another column I have a button that when clicked show a form to assign new agencies to this row, everything work well, but for the new agencies added I have to refresh the page to see them, is there any way to add them as soon as I click the button "Assign" ?

here is an image showing what I am talking about :

http://s18.postimg.org/9xtvp7w6x/rr_Agency.png

Thanks.
2. $("#divPopUp").dialog({
3. resizable: true,
4. autoOpen: false,
5. height: 500,
6. width: 550,
7. modal: true,
8. buttons: {
9. "Assign": function () {
10. var agenciesId = $(this).find(":checkbox:checked").map(function () {
11. return this.value;
12. }).get();
13. //alert("agenciesId :" + agenciesId);
14. var ruleIDd = $("#divPopUp").data('param_1');
15. $.ajax({
16. url: 'assignRenameRuleToAgency.do',
17. data: {"agenciesId": agenciesId,"ruleId":ruleIDd },
18. success: function(response) {
19. toastr.success(response.message);
20. }
21. }) ;
22. oTable.draw();
23. $(this).dialog("close");
24. },
25. Cancel: function () {
26. $(this).dialog("close");
27. }
28. },
29. close: function () {
30. $(this).find(":checkbox").removeAttr('checked');
31. $(this).dialog("close");
32. }
33. });

jquery dialog show and disappear when page load
[4Replies]
- 02-Jan-2015 09:33 AM
- Forum: Using jQuery
Hi,

I am using a jquery dialog, that is supposed to be hided until the open even, but noticed when the first time the page load I can see the dialog appears and hides quickly , is there any thing to fix this ?

thanks.

check availability before submit form

[3Replies]

31-Dec-2014 12:35 PM
Forum: Using jQuery

Hi,

I have a form :

<div>
	<form name="CreateIfaceEnvForm" id="CreateIcaceEnvForm" method="post" action="/Grouping/createIfaceEnv.do">



	<label for="disabled" class="formLabel">Disabled*</label>
	<select name="disabled" tabindex="1" id="disabled" class="criteria" title="Disabled"> <option value="F">Enabled</option>
	<option value="T">Disabled</option> </select>
	<br/> <br/>
	<label for="interfaceType" class="formLabel">environment*</label>
	<input type="text" name="interfaceEnvironment" size="10" tabindex="2" value="" id="interfaceEnvironment">
	<div>
	<span class="status"> </span>
	</div>
	<br/>

	<input id="createenv" type="submit" name="submit" class="submitbutton" tabindex="3" value='Create Environment' />

	<a href="/Grouping/listSAIAdmins.do?id=saiAdmins" tabindex="4" class="linkButton">Back To SAI ADMIN</a>


	</form>
	</div>

and my js code :

$("#interfaceEnvironment").focusout(function () {
console.log("inside blur");
var env = $(this).val();
$(".status").html("<img src='images/loading83.gif'><font color=gray> Checking availability...</font>");
$.ajax({
url: "isMetadataEnvAvailable.do",
data: "envname=" + env ,
success: function(response) {
if(response.message === "exist"){
$(".status").html("<font color=red face='arial, sans-serif' size='2px'> This environment already " + response.message + "</font>");
$("#createenv").attr("disabled", "disabled");
}
else{
$(".status").html(response.message);
$("#createenv").removeAttr("disabled");
}
}
})
});

The check availability is working, but the end user got confused with this design, any thought or correction will be appreciated.

Thanks

How to get value of dynamically added fields ?
[7Replies]
- 29-Dec-2014 11:50 AM
- Forum: Using jQuery
Hi,

Can you please tell me how to get the value of dynamically added fields, for example this jsfiddle :

http://jsfiddle.net/mlotfi/43gyzepo/

Thanks

difference between two arrays.
[33Replies]
- 19-Dec-2014 10:53 AM
- Forum: Using jQuery
Hi, I would like to have the difference between two arrays

for example :

A = ['a','b','c']

B =['b'] <--- B is always included in A

my result C == A - B == ['a','c']

Here is my jsfiddle :

http://jsfiddle.net/mlotfi/zhjntqsd/12/

I would like an array that has this difference :

data-restagencies - data-agencies

when this button is clicked :
1. $('button.btn').on('click', function () {
Thanks

Response title

Attachments

jQuery Forum

Activity Trend

D3 Liquid Fill Gauge

Web Server Support for MIME Type