How to evaluate a div from a string which is inside .get function
I evaluate a sting like that "<!DOCTYPE html>\r\n\r\n<html ... </body>\r\n\r\n</html>" inside $.get function. I want to evaluate a div inside it. I tryed that didn't work: var divHtml = $(data).find("#comments-comments").html(); // data is the string above. How can I evaluate the divs I want from a string like that? Thanks.
Not sure if this is a jQuery problem or not . .
People, I have happily used the jQuery "accordion" facility for making sections expandable and collapsible and it looks just how I want on my Linux PC with Chrome: http://philiprhoades.org but on phones and tablets there is something odd going on and I don't know if it is a jQuery problem or not. On the PC, the section texts fill the available space of the screen ie all the way to the edge of the fourth picture in the table - but on phones and tablets the text wraps at about the edge of the third
Show image for a second or two
Is it possible to show some text/image for a short moment (1-2 sec) and then to hide after this time? I guess it should be preaty easy, but I can't find that one :/
Accordion for multiple div ids
My jsp has multiple <div id="..."></div>. Each <div id="..."></div> has a google scatter chart in it. How can I implement accordion for each of the <div id="..."></div> tags.
keyup problem in firefox
This is for a typing test, where if you hit the backspace key you are penalized, but even if you hit backspace 10 times, it is only one penalty. It is working fine in IE, Chrome, Safari for Windows, and Opera - but not in Firefox... I tried putting setTimeout on it, but it didn't help. }).keyup(function(event) { if (event.which === 8 || event.keyCode === 8) { if ((lastLetterWhich !== 8 && event.which === 8) || (lastLetterKeycode !== 8 && event.keyCode === 8)) {
What "e" represents here?
Hi In the following code : $("body .ribbon-container li") .delegate("a", "hover", function (e) { "mouseenter" == e.type && showSecondryImages($(this), e.type), "mouseleave" == e.type && showPrimaryImages($(this), e.type) What " e " represents in this code ? Waiting for your response!!!!!!! Thanks Varun
Modal (Focus out remaining) dialog feature
Hi all, I download tiny version of jquery ui, no theme, and just core features. I want to use modal feautere of dialog, so that just dialog box is focused. Which feature should I add to the download page of jquery ui. Thanks.
Having problem with a Jquery script. It doesnt work on a certain drupal template but works fine on other template.
Hi good day. Im developing a drupal website, and for some reason, im just unable to get this jquery script work. The script basically gets several youtube URL's and gets the video's name, and preview image directly from yt. http://geckohub.com/jquery/youtubeplaylist/ this is how its supposed to work. unfortunately, im unable to make it work on my theme. http://egemsoft.org/despertarfinal/ The videos just wont work. The links send you to the video. It doesnt work on like the demo. I have tried with
Code not working, no idea why
Hi guys - another ridiculously novice question here. Really can't wait for jQuery to "click" in my head so I can just get on with using it. I have this piece of code: $(document).ready(function() { $('#trigger').click(function(){ $('this').removeAttr("id") .append('<input id="trigger" class="hidden" type="text" placeholder="Add another answer..." />') .animate({opacity: 1,},200, function() { $("#trigger").animate({opacity: 0.7,},1000); }); }); }); It's supposed to make it so that when a user clicks
Add Two Numbers from Input Number Fields
Hi all, I am trying to add two numbers together and output them using jQuery. My input types are set to "number" and need to stay that way. I have tried the following, but get a result of NaN: <input type="number" id="primaryincome" class="form-control" placeholder="0"> <input type="number" id="otherincome" class="form-control" placeholder="0"> <input type="number" id="totalamountremaining" class="form-control" placeholder="0" readonly> var primaryincome = $("#primaryincome").val(); var otherincome
TextBox enable and disable
Hi all I have two textboxes, textbox_1 and textbox_2 if textbox_1 value > 0 then textbox_2 should be enable otherwise textbox_2 should be disable I have written some code but it dose not work check it http://jsfiddle.net/fungus/dpacM/
Trouble trying to simplify my code...
Hey there, I wrote a code that is quite long for it's purpose, that it does is hides all the divs with the class: div1, div2....div7 and fades the in when click the link with class: link1, link2....link7...and my code fot this is: $(document).ready(function() { $(".div1, .div2, .div3, .div4, .div5, .div6, .div7").hide(); $(".link1, .link2, .link3, .link4, .link5, .link6, .link7").bind("click", function () { $(".div1, .div2, .div3, .div4, .div5, .div6, .div7").fadeOut();
shorten ajax code
hi, this is my code below, is there a way to shorten this please, i have 5 nav items (navx-1,navx-2,navx-3,navx-4,navx-5) and have an ajax call for each of them, any help will be appreciated. $("#navx-1").click(function(){ $.ajax({ type: "GET", url: "/tools.php", data: 'qwiri=' + $(this).text(), //data:'qwiri=home', success: function(msg){ $('#resultip').html(msg); }//success
problem with a caption script
Hello, I'm a new JQuery user and I've got a problem with a little caption script I use for the web site of my parents in-law : djpgirardin.com At the third image of the carroussel, the css bottom property isn't high enough but is the same of all the other ones. I don't understand why my script don't process each div... my script : $(document).ready(function() { $(".information").each(function(){ $(this).css("bottom", $(this).innerHeight() + "px"); }); $("#cycle").hover(function(){
jQuery Conference 2014
I'm not quite sure who to contact for this one, but any help is appreciated. I was wondering if there is an educational discount for the conference in Chicago? http://events.jquery.org/2014/chicago/ Thanks
Is there a way to use draggable with clone?
I am trying to use draggable with clone method. something like this $( "#selector" ).draggable({ helper: "clone", revert: false });Apparently, this is not working. The clone of the element is created and it can be dragged. But when I release the mouse, it reverts and joins back to the original element. What is going wrong here? I am trying to replicate the build pool thing in this website.
Object height and position change on window when scrolling document
Hello, I have a fixed object which is let's say at original-top : '50px' (from document top) and original-height : '10px'. I would like that when scrolling down the document, the object scrolls to down as well and it grows its height in the meantime. So when we arrive at the bottom of the document, the object stops at finish-bottom : '80px' from the window/document bottom and height stops at finish-height : '100px' of height. And back way, when we scroll upto the document top, it finishes at 'top
Accordion panels not showing on main site when published
Everything works on the local and tested using DW but when I posted it on the external site the panels are not activated. I have send the js custom css and jquery files to the js folder and the css files to the css folder. Kinda new in this and need some advise. So sorry I am quite new to this and not sure... just got thrown to me this project. Thanks <link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.css"> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery-ui.js"></script>
event.pageX and event.pageY not working on iframe correctley
Hi All I want to do is to show a popup which appears when the user hovers a part of an image. I do it like this: <!Doctype html> <html> <head> <title>Wir feiern die Wirtschaft der Zukunft</title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> </head> <body> </div> <div class="container"> <img src="strauss.png" /> <div class="popup"></div> <p> <span>Move the mouse over the img.</span> <span> </span> </p> </div> <script>
Drag and Drop File Manager
Hi In jsp web page I want to create two panel left side displayingh the local file structure and on right remote file structure And want functionality so that user can upload and download the files from either side,means download fle from remote and upload files from local to remote. Tools like FileZila or WINSCP. Thanks in advance.
what is wrong with this code ?
hi there, can you tell me what is wrong with this code ? <!DOCTYPE html> <html> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <body> <p>Setting a default value to a function parameter.</p> <p id="demo"></p> <p id="demo2"></p> <script> function myFunction(x, y) { y = y ; return x * y; } document.getElementById("demo").innerHTML = myFunction(4,4); $(document).ready(function() { $(#'demo2').innerhtml( "ready!" ); }); </script>
Does selectmenu suppert nested groups?
Hi everybody, I've just seen that the new jQuery UI 1.11 is out, and there is a new nice widget! I was skimming through the docs, but I couldn't find this: is the new widget limited as the native select to only one level of subgroup, or does it support multiple nested levels?
how to increase height of popup in jquery mobile iframe
Hello All, I want to increase the size of Popup Iframe. The default size is height="320" width="480" I want to increase it height="1024" width="768" (Basically need to increase height) I have changed the size in java script (Some part is as under) $( "#popupMap" ).on({ popupbeforeposition: function() { var size = scale( 480, 320, 0, 1 ), w = size.width, h = size.height; Here I have changed $( "#popupMap" ).on({ popupbeforeposition: function()
using value=variable
how we can use selValue in alue=selValue Correctly var selValue = $("#faal").val(); alert( selValue ); $('input[name=radios][value=selValue]').attr('checked', true);
keyup function does not fire after .html()
Hi all, I have two function checks keyup and keydown on input fields of a division which are placed in document.ready (please see below) The problem is these functions fires without any problems on page load. But does not fire after changing the content of the division (for login and logout) using .html() property. Anybody have an idea how I can fire these functions after the login/logout process? Many thanks telmessos Function is: $(document).ready(function() { //reset previously set border
IE 10 not event not firing bind() or on() using JQuery
$('body').unload(function () { }); $('body').on("beforeunload", function () { //if true Means Logged is Clicked else Page close clicked if (IsTrue == 0) { BTGUI.WebServices.ConnectionToken.GetLogOutClientUserMethod(LogOutClientUserMethodSucess); } else { BTGUI.WebServices.ConnectionToken.PageClosedXmlMethod(hddClient, hddUserName);
jQuery slideDown and slideUp - how to keep statement on page change
I have created a menu which uses jQuery slideDown/slideUp to show/hide menu items. Jquery code looks like $(".menu-reveal a").click(function() { if ($(".menu").is(":visible")) { $(".menu").slideUp(300); $(".menu-reveal").removeClass("revealed"); } else { $(".menu").slideDown(300); $(".menu-reveal").addClass("revealed"); } }); Site is loading by default with "hidden" menu items, then visitor needs to click it to see menu items. My question is how I can "keep" menu statement if was expanded or not
How To Toggle Variable Literal(Value) Using jQuery
Can you please take a look at This Demo and let me know how I can toggle varible value from "ecolo" to "econo" using jQuery? <button id="model">Toggle Query</button> <div id="result"></div> <script> var qtype= "econo"; $("#model").on("click", function () { qtype= "ecolo"; $("#result").html(qtype); }); </script>Thanks
Problem saving list in local storage
Hi everyone, I´m work in a code based on a listview in jquery. In this code you can add or remove items. Also if you click on a item, this have inside some group of elements. One of this its a on/off slider. The idea its to save teh list in local storage. I´m saving when i add or when i remove a item of the list. When i start the code the list begins whit 2 elements of the list, and the sliders works perfectly. When i add a new element also works. But when i run the code again to use the local
New to JQuery Mobile Navigation -- having problems
Hi, I'm developing a little mobile test app here. http://eggcave.com/mobile/index/459249 Click the arrows to go back and forth between pages. Click "Feed Creature" to perform an AJAX request. Problem: upon clicking an arrow to go to the next page, the ajax handler for #feed_creature no longer works. I also notice that the #dialog-fed-creature dialog and #dialog-recent-feeds dialogs don't work. It requires a full page refresh to "reset" these elements. I'm new to how jquery mobile handles page navigation...
on ul li how not to fire click on children?
on ul li how not to fire click on children.. how to make each tag independent from babbling down events? http://jsfiddle.net/mHP7a/1/ thanks
Wrapping autocomplete results (ul) within an additional container (similar to bootstrap dropdowns)
Ok – so here's something which should probably be solved within minutes. Unfortunately, I have not been able to make this work for the last couple of days – so maybe someone is able to help. Currently, the results of an autocomplete look something like this: <ul> # get the positioning <li>first result</li> <li>second result</li> </ul> What I want to achieve is this structure: <div> # should get the positioning <span class="arrow-up"></span> <ul> <li>first result</li>
Triggering a window resize on click?
Hi guys - I've found a bug in a framework I'm using. Basically a certain module won't work until you've resized your window. I don't know why that is, but I can think of an obvious fix: make the window resize when the module needs to be used. I've had a go at this, and it's not working. Here's the jquery I've tried: $(".range-slider-handle").click(function) { $(window).trigger('resize'); }); That's sitting on it's own in a .js file. The html markup of the module is like this: <div class="range-slider"
scrollTop() problem in Firefox
If you run the following, you get one messagebox open in Chrome, and a LOT open in Firefox: jQuery(document).scroll(function(){ alert(jQuery(window).scrollTop()); }); I've created a demo here: http://jsfiddle.net/captainmorgan/cVsRE/1/ Open in Chrome and scroll down with the mouse wheel. I get 100. When I do the same thing in Firefox I get 114, but Firefox continues to display multiple messageboxes and the number keeps decreasing. Does anyone know why Firefox does this?
Send PHP variable to AJAX
Hi guys, I send variable to AJAX for editing some data in table, but every time when I clicked in any rows JS receive my first clicks variable <table id="link-table" cellpadding="0" cellspacing="0" border="0" class="display dt2"> <thead> <tr> <th>a</th> <th>b</th> </tr> </thead> <tbody> <?php $stmt = "SELECT a, b FROM ast.cdr ORDER BY a desc"; $result = mysql_query( $stmt, $conn ); while($row = mysql_fetch_array($result, MYSQL_ASSOC)){ $id= $row['src']; ?> <tr class="gradeX">
jQuery video chat
Hi there, I am looking for the right technology to enable video chat between two (or more) browsers, I followed webRTC which looks promising but is not supported by IE. How can I make a video chat application that will support most browsers ? Thanks,
Scroll div problem
Hi I am learning Jquery, I am trying to scroll div content but is not scrolling which I was expecting Please check my project link http://fltech.in/scrollprob/ rollover on image, and I need it must scroll right to left I am trying to make like this >>> http://www.juliaurban.ru/ru/collection/2014/vesna-leto/
Re: Problem with Account Creation Form executing submit funtion twice
I am relatively new to web design and have a problem with an Account Creation Form submittal. I have listed my code below. I have used Font Awesome to render the icons on the web page. I have used Parsley from http://parsleyjs.org for the form validation which works perfectly. I have used the jQuery Form Plugin from http://malsup.com/jquery/form/ to handle the form functioning. The problem is I receive the Account Creation Form email twice and also the dialogue box alert pop's-up twice. The CSS3
Hello, just want to ask if this is possible?
Hi just wanna ask if this is possible <h2></h2> <p></p> <p></p> <h2></h2> <p></p> <p></p> <p></p> <h2></h2> <p></p> Just want to wrap them with DIV Thanks...
email validation in jquery
I have this form which checks for email validation in jquery <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> My </title> <script src="Scripts/jquery-1.10.2.js"></script> <script src="Scripts/jquery.validate.unobtrusive.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> div.contactForm { width:370px; margin:0 auto; } form.contactUs label { display:block;
Next Page