looping through to remove class
I am trying to use jquery to remove the class from a div based on the height of another element. I have a test page set up right now. When I do alert(divh); it returns 130 var divh = document.getElementById("height").offsetHeight; if(divh < 400){ $("div.scroll").each(function(){ $(this).removeClass("scroll"); }); } <div class="relative"> <div class="scroll"> <section id="height"> A bunch of code is in here </section>
Issue on Having 3 Faces Flip Using jQuery
I am trying to create a Three Face Flip function in CSS3 and jQuery at this demo . Can you please take a look at the demo and let me know why the second face is missing? Can you also please let me know how I can set up a Time out to flip all three faces every 10 seconds? <div class="flip"> <div class="card"> <div class="face one"> One </div> <div class="face two"> Two </div> <div class="face
Where to download JQuery UI 1.11.1 for AMD
Hello, I would like to download JQuery UI 1.11.1 for AMD (i.e. accordion.js, autocomplete.js). The link below has only concatenated version. http://jqueryui.com/download/all/ Where do I download multiple files for AMD? Thank you, Hosun
it just doesn't work. help! Jquery gets data from a Form
Html: <form id="kommentar_form" action=""> <fieldset> <label for="name" id="label_name" >Name:</label> <input name="name" id="name" type="text" class="input_text"> <label class="error" for="name" id="name_error">Name is required!</label> <label for="email" id="label_email">Email:</label> <input name="email" id="email" type="email" class="input_text"> <label for="email" class="error" id="email_error">Email is required!</label> <label for="hinterlassen" id="label_kommentar">Kommentar:</label> <textarea
tag created after the function for using it
Hello, I got a problem while I was programming a game. <div id="b0">
<span id="b1">tralala</span>
</div> $('#b1').click(function(){
$('#b0').append( '<span id="b2">trololo</span>');
});
$('#b2').click(function(){
$('#b0').html('');
}); There are no action when I click on b2. How can I fix this ? Thank you for your help
Select2 Tags Not working in jQuery Model Dialog
I am Using Select2 for Tags in jQuery Model Dialog. While Clicking on Select2 its showing suggestion results below. While loosing focus from the Select2 suggestion results are not getting cleared. Please help me on this. Thanks in Advance.
code.jquery.com is down
HI We had a client call us to say our site is not working. I found our site took minutes to load. I had a look at inspect elements and found it was unable to load code.jquery.com I did a traceroute from my desktop computer and found the below: Microsoft Windows [Version 6.3.9600] (c) 2013 Microsoft Corporation. All rights reserved. C:\Users\Chris>tracert code.jquery.com Tracing route to code.jquery.netdna-cdn.com [108.161.187.43] over a maximum of 30 hops: 1 <1 ms <1 ms <1 ms 10.0.172.1
Run html tag
Hi I have a text file which contains some html tags plus css, when I click on a button my main script will get those stored tags and run them, I used $("body").append(x.html()); and it worked on PC browser but there is problem on mobile browser and doesn't work...!!!!!! even fadeIn + fadeOut are problem on mobile browser... :( thank you
bValidator validate US Phone number
I am trying to validate a US phone number with bValidator. It needs to be such as (111) 111-1111. I believe you can use regex but I am not sure how to put it in. I think the regex for it would be: "reg:{{(?:(?:(\s*(?([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])))?\s*(?:[.-]\s*)?)([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})}}" Does anyone know how I would do this with bValidator? Any help would be appreciated. Thanks!
Comparison help
I sure don't understand what is going on here. This is driving me nuts. First, here's the code: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ var ncs_callsign = <?php echo json_encode($ncs_callsign); ?>; if (ncs_callsign == 'NONE' || ncs_callsign == null) { $("#nav_bar li:nth-child(3)").hide(); $("#NOW").hide(); $("#NCS").hide(); }
Need help
I am new in web development field.I have seen all jquery ui demos and source also, i want to know from where i can get the style.css for this demos
refresh value of mouseover
Hi everybody, There is my problem : I have a table with a lot of cells. I would like to get the value of "title" tag of the td when the mouse pass over the cell. I managed to get the value of the first cell but when I go in another cell, the value doesn't refresh... Have a look at my code : var case_over; $(function(){ $('#plateau_jeu').mouseover(function(){ case_over=$('td').attr("title"); console.log('cell is called '+case_over); }); }); Thanks for your help !
CHANGE var $overlay = $('<div id="overlay"></div>'); TO var overlay = $('<div id="overlay"></div>');
I know that $ sign only used for us to remind that this variable contains Jquery object or so. But for the sake of learning I tried not use $ sign in my variable name but it doesn't work without a $ sign.. I want to know what changes would I have to make in my code to make it work without the $ sign. This is working code: var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); //Add image in overlay $overlay.append($image); //Add overlay $("body").append($overlay); //Capture the
Need help
I m new in web development.I have seen all the demos and their source code in jquery ui section,I want to know from where i can get all the styles for demos
auto suggestion jquery ...how to store the id
Dear sir following code fills up the autosggest field and Click on name or selection I want to store the id of the name selected in other filed so as to use it while storeing the details. My html code <div class="label_div">Type Category</div> <input name="category1" type="text" id="category1" value="<?php echo $_POST['category1']; ?>" size="35" onkeyup="categoryscript1()" /> <div class="input_container">
Jquery mouse enter event is repeating for FF and IE but not in Chrome
I am having this weird problem in FF (version: 32.0.3) and IE(version 8). Mouseenter event is repeating (circle animation is being triggered again and again on mouse hover) in FF and IE while chrome and opera circle animation only happens once on mouse hover. Following is the JS fiddle: http://jsfiddle.net/mejLb6jj/ Can someone please advise why it is happening and how can I fix this problem?
Sort menu items alphabetically
Hi for all, I'd like to sort menu items alphabetically. Any idea how I can do this? Regards <div class="sitemap"> <div class="col-list"> <h4><a href="#">bb</a></h4> <h4><a href="#">aa</a></h4> <div class="lst-sub"> <a href="#">bb</a> <ul> <li><a href="#">bb</a></li> <li><a href="#">aa</a></li> </ul> </div>
Checkbox help
I have a checkbox like this: <input id="box" type="checkbox" name="logger" value = "YES">Uncheck this box if another ncs is logging for you<br> Trying to set it checked like this: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function() { document.getElementById("box").checked = true; } </script> After this works, which it doesn't now, I'll put in conditional statements to check or uncheck it. That's why
trying to get a listview type table.
Hello. I have a simple three column table that I would like to show like JQM's listview; i.e. where each row is restricted to one line and is truncated with '...' (three dots) which automatically resizes, and the row links to the item details. The first two columns are short (time + name) so the truncating will only occur on the last column (message). I have tried making a listview behave like a table and a table behave like a listview but have had no luck doing either. How can I achieve either a
footer and header of iPad 3 doesn't fit correctly
Hi guys , I've been developing an application and whenever i'm testing on the iPad to check the size i have the header on the status bar and there is a white area under the footer i don't know from where ! please help and this is the code of my page <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>jQuery Mobile Web App</title> <link href="jquery-mobile/jquery.mobile-1.3.2.min.css"
Inconsistent Draggable performance on IE11
I have what is admittedly a complex single-page web application, on which there are 6-10 draggable elements. I've noticed that the dragging performance is inconsistent. Sometimes it's fast and very smooth, other times it's slow and very choppy. I'm not actually doing anything during a drag, and I've tried to eliminate any possible factors in testing, so I'm not really sure what's up. I've tried playing with the profiling tool, but I'm not really sure how to read it. For the test runs I simply dragged
check if data inputted in textbox has exist
Hi, I have mysql database with table name `tblengine` where lots of engine number stored on it, I want to check first if the data (string,numbers) that users has been inputted in textbox (<input type='text' class='input-xlarge' name='engine_number[]' id='engine_number' value=''> in my html) is already exist in tblengine before I proceed to inserting the engine numbers in tblengine. if the data matches in the records, there will be notification example 'Data has been duplicated' and the form will
UI Selectable - selecting all between start and stop
Reference: http://jqueryui.com/selectable/#display-grid With the demo in grid view, a "drag start" over the "1" box to a "drag stop" over the 6 box will cause boxes 1, 2, 5 and 6 to be selected: ◼◼◻◻ ◼◼◻◻ ◻◻◻◻ I'd like to change that behavior (or add a new option that changes that behavior) such that all the boxes between drag start and stop are selected (i.e., 1, 2, 3, 4, 5 and 6 -- the same as would be selected when dragging from 1 to 6 in list view). ◼◼◼◼ ◼◼◻◻ ◻◻◻◻ I'm too new to jQuery and
call function with parameters
$('#'+mobilecheckdiv).load(url,data ) ; // populates data in this div -> works fine $('#'+mobilecheckdiv).load(url,data,remark ) ; // calls function remark after completing loading the output in div 'mobilecheckdiv' -> works fine In this case I am caling a function remark without paramter However $('#'+mobilecheckdiv).load(url,data,remark(chkdivname,n) ) ; // Call function remark(chkdiv,n) i.e. a function with parameters is executed before loading the div with Data How can I
Preloader to load full website in one html page
Hi, i want to load my all html pages in one page. Example: I have created 3 html pages. 1. index.html 2. intro.html 3. home.html In index.html page i have write reverse counter code i.e 100 to 0. In intro page i have embed the flash intro. In home page i have all website content. Now i want my intro.html and home.html page load on when reverse counter code page is run i.e (index.html). please help me thanks Anagha
Transform jquery variable in text
Hello, I have this very short code to obtain latitude/longitude : <div id="infoposition"></div><br> <script> function maPosition(position) { var infopos = "<br>"; infopos += "Latitude : "+position.coords.latitude +"<br>"; infopos += "Longitude: "+position.coords.longitude; document.getElementById("infoposition").innerHTML = infopos; } if(navigator.geolocation) navigator.geolocation.getCurrentPosition(maPosition); </script> When I open my file I obtain this : Latitude : X.1202949 Longitude:
Is this possible with jQuery?
Hi there, It is very simple. I make two pages, one is a <form> with checkboxes and radiobuttons. The other one is a page with 10 different divs that all have an id. Is it possible with jQuery when after the submit button is clicked it shows or hides divs depending on which checkboxes and radio buttons is marked? I am not looking for an answer where the code is written, more like, if it is possible and with what functions? Thanks in advance.
Jquery Cycle 2 cycle-next and cycle-prev firing twice
Hi all, I have a simple cycle 2 (version: 2.1.5 build: 20140415) slideshow that for whatever reason the next and prev functions are firing twice on a single click: <ul id="hero" class="cycle-slideshow" data-cycle-slides="> li" data-cycle-prev="#slide-back" data-cycle-next="#slide-next" data-cycle-swipe=true data-cycle-swipe-fx=scrollHorz data-cycle-fx=fade > Console: https://www.dropbox.com/s/8bt5z0uqqz8wzln/Screenshot 2014-10-30 14.05.44.png?dl=0 I've used this method on another site exactly
Scroll selected Heading to top in expandable/collapsible list contained in absolute scrollable div
Hi, I have a expandable/collapsible list just like the one featured in jsfiddle.net/489Y2/6/. This code only allows for one item to be expanded at a time. I want to change its code so that more than one item can remain opened at a time. Secondly, this code starts and scrolls the selected Heading to the top of the browser window. I am trying to contain this code in an absolute div and position it in between a fixed header (height 200px) and a fixed footer (height 50px) and still keep the same scrolling
Show/hide an input hidden.
Hi everybody, please can someone help me how to show an input hidden? Thanks in advance. Tegatti
UI Theme does not adjust button
Hi, not sure if this the right area to report this, but it seems that when changing the font size all but the Button are getting the new size. Can someone confirm this? Thanks guys
Hiding a div element in an iframe!
I'm opening several pages on my website in an iframe full-screen overlay. Those pages can also be accessed directly on my site. These pages have a div that contains navigation. If a page is loaded in an iframe, I do not need the navigation so I'd like to hide he visibility of that div that has navigation. So, pages appear as normal if accessed directly but if opened in an iframe their navigation is hidden. Thanks in advance to all the geniuses here.
UI Autocomplete onfocus/onclick = slow
Hello, this is my first post here, I hope it is the correct place :-) I have 2 websites; on website A a complex form F with 70 inputs with autocomplete; here it works fine. On website B, same form F, but several other jQuery plugins. On website B, when I click on any input (with autocomplete), it gets the focus only after 1 second or more. On some slow computers / smartphones, users need 5 seconds... and think the website doesn't work. How can I find the problem, the conflict between plugins, the
How to avoid duplicate in form text fileds before submition
What I have done is this, but it didn't work. <!DOCTYPE html> <html lang="en"> <head> <script src="jquery-1.8.2.min.js" type="text/javascript" ></script> <form action="save.php" method="post"> <table> <tr> <td class='text-right'><input type='text' class='input-xlarge' name='model[]' id='model' value='' placeholder='Model'></td> <td class='text-right'><input type='text' class='input-xlarge' name='engine_number[]' id='engine_number' value='' placeholder='Engine No'></td> </tr>
Function is not called both in Chrome and IE10
[index.php] <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2014 Study</title> <script src="scripts/jquery-1.6.2.min.js"></script> <script src="scripts /tscript12.js"></script> </style> </head> <body> </body> </html> [tscrip12.js] $(document).ready(function(){ alert1(); function alert1(){ alert("alert1"); } });
link changes classes and shows div/span
hello, i want to make a page with 2 areas. on one side there are some links, on the other, there is some content. i want to change the link color (css class) and in the same time to make something show up. actually i have now this: $(function() { $( '.nav span' ).on( 'click', function() { var showc= $(this).attr('rel'); $( this ).parent().find( 'span.active' ).removeClass( 'active' ); $( this ).addClass( 'active' ); $('.content span').hide();
How to create a slider like this from scratch ?
hi guys, I came across the slider used in http://www.iconnect-design.com.au/ web site and i like to create a similer one but i want the text and images to move from top to bottom.. hope some one could help me to create one like that from scratch with jquery.. thanks in advance !!
textextjs plugin
Hi, I want to convert a regular textbox on my site (can give url on request) to a textbox which automatically suggests ingredients using tags, using this plugin : http://textextjs.com/ As I am new to jquery, I am having trouble configuring it on my site. The how to use steps on http://textextjs.com/ say 1.Specify which plugins you need via the plugins option 2.Configure each plugin individually if necessary 3.Enjoy! But it's a bit more complex than that for a newbie like me though isn't it ! I
pop up and validate
I have the link opens this is the pop-up page where user needs to update the lotNo into the text box. Once they enter the number in, hit update and close this pop up page. I've tried to enter 50, got the message "Please enter a value less than or qual 30" which is correct since the max is 30. However, it's still let me hit the update button? the button can't submit w/o enter the correct number, is there the way to disable or hide the submit button if form validated is failed? Please help
Help! Swipe event not working in android 4.2
I am trying to implement the swipe event in my list page but it doesn't seem to work in Galaxy Quattro running Android 4.2. Even if i test the demo page of jquery mobile ver 1.4.4 then also its not running properly. Code snippet is $('#list_drag1').bind("swipe",function() { alert('swiping'); }); where list_drag1 is id of a single div. Any help in this regard will be greatly appreciated.
Next Page