Logic and syntax problem
Hi everyone, I’m an occasional JQuery user that doesn’t need to venture past the ‘click a button move or hide/show and element’ often, but I’m currently working on a project that needs to stretch a bit beyond these modest skills. I’m setting up some forms in a registration page that will show/hide certain divs depending on the age and the US state of residence of the registrant. For users under adult age, an adult will need to register for them, so an additional section for parents will need to
query with select options
Hi, i have round corner bottom left (bl) to 5px; however, I want to change to (bl) to 10px once selected from select option menu. does anyone help me how to write that code in jquery when person selected from the list and change bottom left rounded corner to 10px;! please help thanks. AM
jquery menu options
Hi, I have menu options code like this <select id="country-options"> <option id="en" value="en" selected>England</option> <option id="fr" value="fr">france</option> <option id="de" value="de">demark</option> <option id="it" value="it">italy</option> </select> And this works great using CSS when selected name of country and show country icon with country name after selected from menu. But I like to change ONLY SHOW ICON AFTER SELECTED, how can I write jquery code to show only icon after selected
Unable to get resizeable to work using body tag with id
Hello, Im trying to prevent a user from shrinking a screen past a certain point. Im using the resizeable with a body selector. Ive assigned an id="body" to the body tag. But I cant get it to work. $(document).ready(function() { $( "#body" ).resizable({ minWidth: 1000, minHeight: 600 }); ... ...
Using the .replaceWith() function
Hey Guys. I am a little bit confused how this works. In the script below its replacing div.second with <h2>New heading</h2> What I don't understand is why is it using the selector as div.second ?? When the div class is called "inner second"? Thanks for your help in advance... <div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div> $( "div.second" ).replaceWith( "<h2>New heading</h2>" );
Wait until array of promisses are done
I have array of some data, let's say Cities. In the loop I execute some async call (let's say to bring the streets) to get the promise. I mark the city object as done or fail depends on promise status. Once all cities' promises are done, I want to execute function that render the data depends on the status of the promise, either true or false. Here what I have tried: --------------------------------------------------- var promises = []; $.each(Cities, function (key, value) { var city = this; var
selector context problem
Hi guys, I am pretty new to jquery, and looking forward to use it extensively in our programs. I have got the task to integrate jvectormap (http://jvectormap.com/) to our crm system. Our crm system consists of several frames and an iframe. The javascripts are load in a frame, called "jscriptframe". The objects shown on the browser is in an iframe called "workframe" and this iframe is in a frame called "mainframe" I have already tried to run the jvectormap in a plain html and it works without problems:
load external url in dialog without iFrame
Hi, I wanna ask is it possible to load an external url e.g. google.com in a dialog without using the iFame so it will be shown within the div only? here is my current code which I want to use to display an external url using the member_guid and my url is profile?id=[member_guid] <div id="dialogXoomPage" title="Member Profile"> </div> $(document).ready(function() { member_guid = null; $('div#dialogXoomPage').dialog({ position : ['center', 'middle'], autoOpen: false, modal: true,
creating a pop up dialog box when site opened and a website link in the dialog box which opens in a new tab
Hi I would like to create a dialog box that opens when u launch the site or when someone opens the home page. right now I have a dialog box that u click on in the home page but I can't find code to do the above. this is what I have for the current dialog box. I also found it weird that the script part went below it and before </body> </html> This is the code I am using, the first line beginning with 5% reads on the page and then the balance is read in a dialog box with a cancel or ok. I would also
Animated gradient background with transition
I want to create a animated gradient background (with possibility of using multiple color inputs and direction) that changes (transition) slightly over time in a cycle (really smooth). I was hoping to find something that is jQuery/javascript based, but i can't find anything. Only example that i found where i like smooth way it works and looks is this: Almost Calm But i don't want the hover or circle of course and setup my own coloring etc etc. Can somebody help me with this? Help is much appreciated
Jarallax animation Issue
Hi It's not Jquery issue it's Jarallax Animation Issue... I am dragging 30% and it shows 100% animation. I have made animation on 0% image shows left on 100% it will be transparent and 700px from left. but it is completing animation on 30%. checkout http://www.fltech.in/jarallax/test.html
Ajax problem with Local vs remote service in .NET WCF
Attached is a Visual Studio 2012 project that contains a solution with two web projects. One contains a WCF Service plus a single web page Default.aspx and the second project is just a single web page also called Default.aspx. The two aspx pages are identical except a change in namespace on the very first lines. When I run the solutaion which is using 10.1.2 and load the two web pages the page in the same project as the service can call the service with out problem. But the page that is in the
regarding Jquery min .js
Hi All, I am very new to jquery, i have this Jquery-min.js file, but when i include this in my code <script src="js/jquery.min.js" type="text/javascript"></script> and run the default page, it goes google.com, and when i comment out this code it opens the page but with out any animation, mouse over function and click event. Kindly help me on this.
[Jquery] render different between Chrome and Firefox
Hi everybody, im newbie in magento and start build my website 10day ago with magento community 1.8 today when i install facebook comment extension in this link: magentocommerce.com/magento-connect/all4coding-facebook.html extension work but something wrong when extension display in frontend. i think JQ dont working correctly look at the picture i attchments. this error description in there. Link demo: http://quanaomoi.com/em0065-full-package/index.php/microsoft-wireless-optical-mouse-5000.html please
Jquery & Rapid SSL
Hi - we recently installed Rapid SSL for our site and now we see that our Jquery slideshow is blocked causing the page to look terrible. When we ALLOW the site to use Jquery (basically disable Rapid SSL and the security of our site) the pages look fine again and Jquery slideshow operates as normal. Any way to get Jquery to work on a Rapid SSL secured site? thank You
jQuery .post() method and codeigniter form_validation
Hi ! I want to validate a form without refreshing the page using the .post() jQuery method. I use codeigniter for validation . Here is the jQuery code: $(document).ready(function(){ $(".form_errors").hide(); $("#send").on("click",function(){ //the submit button has the id="send" $(".form_errors").hide(); //these are <p> for each input to show the error var user=$("input.box"); var data={}; var names=$("input.box").attr("name"); for(i=0;i<user.length;i++){ name=names[i]; value=user[i].val(); data.name=value;
HELP!
I am very new to this, reasonably competent in HTML and CSS. I need to change this from an 'on click' function, to automatically move every 4-5 seconds. Whats more, if possible, I would like to change it further by having each object move back slightly then to accelerate off the screen instead of leave at a fixed rate of speed. Is this possible? $('.box').click(function() { $('.box').animate( function() { if ($(this).offset().left < 0) { $(this).css("left", "150%");
hasClass error
What am I, a beginner in jQuery, doing wrong? $(document).ready(function() { $('img.pix4').each(function(index, image) { ..... if (this.hasClass('xyz')) { console.log('img is in group xyz'); } }); I get an error: Uncaught TypeError: Object #<HTMLImageElement> has no method 'hasClass' Using image.getClass gives the same error. All other functions such as .getAttribute() work.
Ajax Successful status not received
Hi, Not receiving the Success returning message for a Ajax call. The MYSQL update request did update the required records. Not 100% sure how to generate the message. $.ajax( { type: 'POST', url: "file.php", data: {oldemail : oldemail_, newemail : newemail_}, dataType: 'JSON', success: function(data) { $('.calendargrid_email').append("<p>
[SOLVED] Extract from a select multiple values separated by type
Good evening, First of all I want to compliment the "comunity", a source of valuable resources and useful tips for those who, like me, you are approaching the wonderful world of jQuery! I have a problem related to the extraction of values from a multiple select. Basically, each option has two values: name and email. For each selection I want to place separately the two values in two different <div>, eg. the names in the class nomi_selezionati and emails in one class email_selezionate.
Adding bullets on Imageslider
I want to show bullets that can be used for navigation.Please help.
:empty filters
Hey Guys. I am trying to use the empty filter on a td but it doesn't seem to be working. Any suggestions as to why it might not be working? Thanks! $( "td:empty" ).text( "Was empty!" ).css( "background", "rgb(255,220,200)" ); TD 1
How to re-enable option from drop down
I can't re enable a option from my drop down. For some weird reasons I can disable but can't revert back. Is there any work around on this? I'm using SharePoint 2007 $(document).ready(function() if($("#ctl00_m_g_98b27f90_2d47_4399_9f55_39944c5c3d72_ctl00_ctl04_ctl23_ctl00_ctl00_ctl04_ctl00_DropDownChoice option[value='Validating']")){ $("#ctl00_m_g_98b27f90_2d47_4399_9f55_39944c5c3d72_ctl00_ctl04_ctl23_ctl00_ctl00_ctl04_ctl00_DropDownChoice option[value='Analysis']").attr("disabled", "disabled");
Altering a map created during 'pageinit'
Hi, I am using a multipage template and in order to avoid one error with google maps, I placed the map initialization in the location 'pageinit' event. I am now having trouble altering the map with a radius circle about the center point. I am putting the circle size in localStorage and retrieving it. But even though that value alters I cannot seem to make a dynamic radius. . How do I alter the map created in the 'pageinit' script dynamically. I have tried to make a var which is a circle and set it
Jquery animation problem
I don't know if this is a bug or what, but what I do know is that I have a drop down menu that uses Jquery and a image rotator that also uses it and when the menu is dropped down and the image rotator does its animation the rotator covers up the menu. I have attached a couple of screen shots of the issue. Is it possible to fix this? Or do I just need to move the rotator?
Ajax returning the error from server plus the header
Hi, this probably has been posted before but after some hours of searching i couldn't find anything. i have a form that collect data from the user and it is process using php before been inserted to the database.To process the form i created a page call upload.php. This page has a header footer and the form itself. I'm using ajax to collect the data coming from the server to let the user know the status. The problem that i'm having now if for some reason there is an error in the form, let say a
jquery Animation problem
Hi, I have a little Issue When I hover on cartbox button then it shows cartbox toggle effect(small-big animation), I need when user hover then it goes bigger and when user hover out it goes small but it animating continuously. checkout the link http://www.fltech.in/template1/ rollover on cartbox buttons
.has()
I am also trying to use the .has() filter to add a class to the text inside the Div tag "Test". It doesn't work. I don't seem to figure out what I am doing wrong here.... <script type="text/javascript"> $(function() { $("div:has([id=first])").addClass("a"); }); </script> <style type="text/css"> .a { color: Navy; } .b { color: Maroon; } </style> <div id="first">Test </div>
Uncaught TypeError causes dropdowns not to work
Hello, I'm trying to get a dropdown menu in wordpress to work properly and I think i have a jquery error keeping it from doing so. Can anyone assist and let me know what is wrong and where to find the error. I have both jquery 1.8.2 and 1.6.4 running. The error i receive is: Uncaught TypeError: Object [object Object] has no method 'on' hoverIntent.min.js?ver=r7:1 a.fn.hoverIntenthoverIntent.min.js?ver=r7:1 (anonymous function)(index):154 e.resolveWithjquery.min.js:2 e.extend.readyjquery.min.js:2
Accordion on SharePoint's td element
I'm trying to use Accordion on my SharePoint project and I have this CEWP using JavaScript that creates a header placed under <td> element (see attached) class name "sectionHeader" the problem is its not working. Do we have some work around so I can use it on a table tag?
using setInterval to check for a file I am waiting for
I am try to make a timer that periodically checks to see if a file has been written. Once the file exists I will read it and format output. This is what I am trying, but it seems to have created an infinite loop and I never get to success: <!DOCTYPE html> <html> <head> <title>timer</title> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(document).ready(function(){ var myVar=setInterval(function(){myTimer()},1000); function
Jquery AJAX problem
Hi, Im trying to do a SELECT REPLACE an old email with a new email in side MYSQL Thanks // search and replace email $("#myemailreplace").click(function() { var oldemail1 = $("#oldemail").val(); var newemail1 = $("#newemail").val(); $.ajax( { type: 'POST', url: "fixemail.php", data: {oldemail : oldemail1, newemail
pop up dialogue box that would b closed after reading
Hi I have gone thru and tried without success to add a simple pop up dialogue box for a site I did. I just want a small dialogue box to open with a few sentences that can be read and closed afterwards. I want it to sit on top of the home page. Anyway I tried the codes supplied but it is in the body and just appears on the page as regular copy in a weird spot or if I follow the code exactly and put it in the opening and close tags of the body nothing else shows up, as expected. How do I add a dialogue
localStorage not saved when link takes me to another website
Hi, I am having problems with localStorage. Whenever a link takes me to another website and I use the back button to return to the jquery site, localStorage appears to have been cleared. Do I have to explicitly tell jquery to store the localStorage variables as data for my website. I am new to using localStorage and do not know what I am doing wrong to have my variables 'disappear' when using the back button to return from a another website. How do I permanently store the local storage so that visiting
JQuery ajax call to sharepoint 2007 lists.asmx (special character in answer)
Hello, I've got a really strange problem into a plugin I'm trying to update from JQuery 1.6 to 1.9.1. I have a function that call a SharePoint 2007 asmx. This asmx is returning some xml in soap format. Once I have the answer, I'm using find function to get value from the soap. It was perfectly working, but since I've upgraded to 1.9.1, I'm getting some special characters in my answer. This cause the xml to be not parsable. Do you have any idea on how I can make the answer not containing these characters?
Adding bullets on Imageslider
I want to show sliding images with bullets over it, as in http://www.alexcreedy.com/slider/slider_v2.html I don't know any thing about jquery. Thnks.
Adding condition to jQuery Form Checkbox
I have a jQuery form consisting of checkboxes where the boxes can have values, Name [X] or [Y] or [Z] Class [1] or [2] or [3] The main script goes like this, <script> $(document).ready(function(){ function displayVals() { var NameValue = $("#Name").val(); var ClassValue = $("#Class").val(); var AllValue = "?q=Name_s%3A" + NameValue + "|Class_s:" + ClassValue; var finderValue= "[A website Address]"+AllValue; $("#DetailFinderForm").attr("action",
How to check if viewport changed
Hello! I am looking for an event which is fired when the viewport of a mobile webpage changes during scrolling this page. Has anyone an idea? Thanks in advance Greetings
[jQuery] $.post issue
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=819104617-21092006>I am new to jQuery and I'm having issues calling a webservice. Here is my code:</SPAN></FONT></DIV> <DIV><FONT face=Arial size=2><SPAN class=819104617-21092006></SPAN></FONT> </DIV><FONT face=Arial size=2><!DOCTYPE html PUBLIC
.toPrecision not working with pixels
I am trying to round a number to integer I get a width --> var $h2 = $('.span2').width(); I try -> $texH = ($h3 / 5).toPrecision(1); or -> $texH = ($h3 / 5).toFixed(); but nothing works I get 69.05638638638637px and I want 69px thanks for helping
Next Page