jQuery - Uploadify scriptData issue.
Hello, With Uploadify + PHP – am trying to insert form data to user’s table – but problem is data is inserted equal to images uploaded. (ie. If 2 images are uploaded entries on table user will be 2 for same user) - my codes are : <script type="text/javascript"> $(document).ready(function() { //uploadify $('#file_upload').uploadify({ 'uploader' : 'uploadify/uploadify.swf', 'script' : 'add_data.php, //script to upload our images 'cancelImg' : 'uploadify/cancel.png', 'buttonImg' : 'uploadify/upload.png',
Beginner Level
Hi All, I am just starting to learn jQuery on my own and I'm bit confused looking at the below code. The argument in the below code $("span", this).addClass("bar");, is 'this' context referring to document context or div.foo context. Will it only look for the span selector inside the div element with foo class??? $( "div.foo" ).click(function() { $( "span", this ).addClass( "bar" ); });
UTF8 issue?
Hi, I've got a bit of an annoying issue, where the accents in the page title, seem to be getting "corrupt". When you view them in console.log, the accents look fine. However, the $.post seems to break it: where=http%3A%2F%2Fwww.chambres-d-hotes.org%2FRecherche%2F%3Fquery%3DEsp%25E9raza%2B%252811260%2529&title=Chambre+d'h%C3%B4te+Esp%C3%A9raza+(11260)&t=luna The code (I've taken a chunk out, as its quite a complex function :)) $(document).on('click','.recommend-page', function(result) {
IE9 and lower breaks jQuery mobile URLs
Wether it's links or the $.mobile.changePage(); function, everytime I load in a different page the URL messes up with a #, for example, if the page I was initially one was called http://localhost/project_dir/index.php/home/ and I wanted to go to http://localhost/project_dir/index.php/home/promotions the resulting URL would behttp://localhost/project_dir/index.php/home/promotions#/project_dir/index.php/home/promotions It's 4AM and I'm clueless as to why it's happening - any ideas?
on pressing tab it is not moving to next tab
I am creating tab using html css and jquery. I am not using jquery ui. Let me explain the problem. in tabs there are Many tabs.every tabs contains texbox,drop down,checkbox, etc. for example when user in the first tab. in this tab text boxes are there. when user come to last text box when it is pressing the tabkey it will move to next tab's first element(like textbox/dropdown etc).I created this but it is not moving to tabs textbox. the code is available on pastebin and js fiddle. i not find findout
JQuery Swipe not working smoothly on Android Samsung S4 and Sony
I used Demo page Event Swipe code and use Samsung S4 or new Sony Andri\oid phone. I found I have to swipe about 4 times before it reacts. However, it response correctly and very good on iphone. Please help... what can I do ? Or it is a bug ? // Handler for navigating to the next page function navnext( next ) { $( ":mobile-pagecontainer" ).pagecontainer( "change", next + ".html", { transition: "slide" }); } // Handler for navigating to the previous page
listview refresh issue
Hi, i'm using jquery mobile . I.m using a listview in my HTML and appending it dynamically in my JavaScript, like this: <div class="content_div"> <ul data-role="listview" data-theme="c" data-inset="true" data-count-theme="c" id="page-list" ></ul> </div> $('#page-list').append('<li ><a href="#details" onclick=displayDetails("' + itemid + '") ......... </a> </li>' ); $('#page-list').listview('refresh'); my issue is if i keep $('#page-list').listview('refresh'), then i have a blinking + flickering
Check box not working in JQuery Mobile
I'm a newbie. I'm making a quiz app where the answers that users select give values that total up to a score and take the user to a certain #page depending on their score. The problem is that even if multiple checkboxes are selected in a question, only one of the values associated with only of of the checked answers is tallied in the score. I have no clue how to correct it so that for the check box questions the values of all checked answers are inculded in the final total. here is the html code
flShow Carousel like in jquery
I am intermediate to Jquery. I have learned about the syntax, DOM manipulation, animation. I am trying to make a 3D carousel exactly like flShow Carousel but I am struggling. I found a tutorial in the internet about 3D Carousel which is similar to flShow but it wobbles and it doesn't move up and down when i move mouse up and down. I went through different articles to learn about the 3d concept, projection and bla bla bla but still struggling with making similar to flShow anyone who can help me learn.
How to replace a text with something else
Hi I'm trying to create a newsletter signup where there is a button that says sign up and when a user clicks on it the button disappears and a textbox shows up and then when the user has clicked the submit button and it goes through the validation checks it then disappears and gets replaced with a thank you
Uncaught SyntaxError: Unexpected token
Dear all, I’m facing an issue that seems to be common but I can’t find any solution even after hours of googling. One of my php script do the following : <?php $param = array("fld1" => "firstname", "fld2" => "lastname"); ?> <button id="edit-btn" onclick="view_lead_make_editable_field(<?php echo json_encode($param) ?>)">Modifier</button> The javascript function is function view_lead_make_editable_field(json_param){ var obj = JSON.parse(json_param); alert(obj.count); } But looking at chrome
Styling with JQuery
I want to add styling using jquery. What Iwant to happen is when the "cliterace" is clicked the "cliterace" becomes bold and enlarged the code I have so far is <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> .organ { font-size: 46px; font-weight: bold; } </style> </head> <body> <a href="#">Cliterace</a> <script src="js/jquery.js"></script> <script> $("a").click(function( event ){ $("a").addClass("organ"); }); </script> </body> </html>
Problems with writing a variable inside a function
Hi, I am new to asking questions on this forum. Here it goes: ---- var image1 = $('#LBimage2 img').attr( 'src' ); $('#LBimage2').click(function(){ $('#LBimage1').html( ' <img src="image1" /> ' ); }); ------- When i click on the div LBimage2 i should get the LBimage1 to have the same image as the LBimage2, but it doesn't find the image soo it doesn't replace it....
Simple Parent/Next Issue
Currently getting the value from a name field but with multiple products, I tried with next/previous but as I am new to this I am having issues, the code below kinda works but obviously not the desired result. $('[name=my-item-price]').each(function() { var itemprice = $(this).val(); $('.price').text(itemprice); }); <form method="post" action="" class="jcart"> <fieldset> <input type="hidden" name="my-item-price" value="1495" /> <li>Price: $<span class="price"></span></li> </fieldset> <fieldset>
Pulling the first element out of an jqXHR object
Hey Guys. I am just curios to find out how is it possible to pull the first element out of an object. I couldn't anything in the doumentation that can help me. Below I have preforming an ajax get call from an xml file. I would like to know how I can access the first element. Below is my jquery code... <script> $.get('xml.xml',function (xml){ $("#result").append($(xml).find("speaker").text()); }); </script> </head> <body> <div id="result"></div>
Need Help Parsing JSON code
Hey guys. I am new to parsing JSON. I am trying to use jQuery to parse through a json file but it doesn't seem to be working . I am using firebug to debug this. I can see that the data has been parsed from the $.parseJSON function, but when I hover over the json var it says "undefined" Anyone know what I might be doing wrong here?? Below is my code <script> $(function(){ $.getJSON('json.json', function (data) { var json = $.parseJSON(data);
<a href='/a'>a</a>
I am using jQuery 1.8 and I noticed that there is this in the code: <a href='/a'>a</a>It is also in jQuery 1.7, although with a style declaration. What is this used for? I actually have an /a directory already on my website.
Help with history.js sending duplicate requests
Basically the problem is I have a side navigation which loads its content into the #main section of the page. No issues there. snip:: (this is the function that loads the page from the side nav) $(document).on('click', "a.page_load", function (e) { e.preventDefault(); var cur = $(this).parent().hasClass('active'); if(cur){ return false; } else { $.ajax({ type: "GET", url: $(this).attr("href"), cache: true }) .error(function(response,error) { ..... }) .done(function(response){ ..... }); return false;
strong an xml into jQuery variable
Hi All, I am new to jQuery as well as this forum. I am working in Siebel CRM. In siebel there are business service like web service. It is used to interact with other systems. BS is invoked after passing arguments which is stored in an Input Property Set. The result is stored in an Output property set. In my case there is an attribute in output property set that stores an XML received from External System. I need to parse this XML without storing it.How can I do that. I tried storing it in variable
Problems with onload changing the same selector
Hello, I have less experience with jQuery, and now having some problems, I hope someone can help with this simple code. The purpose is to get 3 selectors updated with their corresponding values (retrieved from database), so that they can be modified and saved. 2nd selector depends on first selector value, and 3rd selector depends on 2nd selector value. For that purpose I placed a function onload="start();" in the body section, and that start() function calls 2 other functions. I believe the problem
Problems with outlook
I'am HTML document with Jquery and I need stripes in mij table, with online editor we have the result we need, but the same document in Outlook gives the table without the stripes Can somebody tell me why it doesn't work ? Thanks for all the help
Trouble including jquery in html file
So, I have a javascript file that contains my jquery. It's very simple jquery: var divs = $('div[id^="quote"]').hide(), i = 0; (function cycle() { divs.eq(i).fadeIn(400) .delay(1000) .fadeOut(400, cycle); i = ++i % divs.length; })(); What I can't understand is when I include jquery and my file in my header: <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="quoteChange.js"></script> It DOESN'T WORK. my html to change: <div class="quotes"
increasing div height by scrolling
Hi everybody, after days of reading and trying to find out how to solve this problem, I give up and hope that you guys can help me! I got one div, let’s say {height: 0px} now if I scroll down the body for 500px I want the height of the div to increase for every px I scrolled for 1px. So that when i finished scrolling the div’s height is also 500px. I tried many ways to solve this problem. The closest I got was using .scroll and .animate, but it still didn’t bring up the effect I want it to be. I
What is the best practice for dynamic CSS sizing according screen do you have information on less-CSS
Hi, Here I gave some code I did that is running BUT I imaginated it and I believe this solution is not very practical to use. MY PURPOSE IS TO GENERATE DYNAMIC CSS. I have used media query in the begining but I cannont size for every screen so many they become now a days. @media screen and (max-width: 485px) { body { text-align:center; font:0.9em "trebuchet ms", helvetica, arial, sans-serif; background-color:blue; word-wrap: break-word; } .mytable { width:400px; } } so I created a JQUERY script
Error loading jquery scrolling to implement another effect.
Hello to everyone, before start I want to thank you for reading this topic. I have a problem implementing these two effects in one page, I searched a solution for a long time and I could not find The page where I implemented is: http://diavalsac.com/index.php The problem is in the first effect: scrolling does not load the content to get to the bottom of the page, this happens in internet explorer 11 and mozilla firefox 26.in google chrome works well. The first effect is: http://www.jquery4u.com/demos/infinite-scrolling-demo1/
Issue with a jquery slider login panel
Dear all, I am trying to build a website and using a slider login panel created by Web-kreation for loggin in users. On the user page I have created a menu using css and there are some forms to be filled. Once the user navigates the webpages using the menu buttons or the form buttons, the slider panel suddenly starts to fall and open with each such button click. So I have to press the close button again and again to close the panel. Does anybody have any idea why this is happening and how I can
Trigger from iframe to parent window
Hello. I have this structure: Index.html: <html> <head> <script src="jquery-1.3.2.min.js"></script> <script> $(document).ready(function(){ $('iframe').bind('myCustomTrigger', function() { alert('hello'); }); }); </script> </head> <body> <iframe src="iframe_file.html" width="800px" height="600px"> </iframe> </body> </html>iframe_file.html: <html> <head> <script src="jquery-1.3.2.min.js"></script> <script> $(document).ready(function(){ $('button_click').click(function()
Using jQuery to change text on button
Hi guys, I am a bit stuck on changing the text on my toggle button (see here). Essentially, before it is clicked, the button's text says "Hide Summary". When clicked, Box 2 slides up and I've managed to change the text to "Show Summary". When I click the button again, Box 2 slides down, but the text remains as "Show Summary". What am I doing wrong? Could you help me, please? Many thanks in advance. I look forward to your reply. Ess'iele ... seeing things.
Different Behavior Depending on Page Location
I have Firefox26/Firebug1.12.6. I have two browser windows open. In one window I am pulling a page from localhost. The other window, the page is from an intranet site, dev1.example.com. The pages are exactly the same and use jQuery1.7.2. Yet, the localhost will not execute the submit() statement. The page from the intranet does. $('img.autosubmit').each(function(){ console.log('Auto-submitting '+'this:'+$(this).attr('src')+' '+'parent-form:'+$(this).parents('form').attr('id')); $(this).parents('form').submit();
Getting a google map marker from localStorage?
Hi, If I use the click event of a google map marker to place it in local storage how would I use it? Will it be as simple as: function setactivemarker() { var activemarker = JSON.parse(localStorage.getItem("activemarker")); activemarker.setMap(MYDIRMAP.map); // this is a different map than the original one the marker was placed on and I want to reassign it the preceding map. } Do I need to use JSON.stringify when I store the active marker? What will activemarker actually be? Thanks for
checkbox .change works strange.
This code should alert just once a click. But it multiplies the amount of clicks. Try clicking multiple times. <script type="text/javascript"> function mcheckbox(){ $("input").change(function() { alert("checked"); }); } </script></head><body> <form> <input type="checkbox" name="box3" id="mbox1" onclick="mcheckbox();">Checkbox1<br> </form> The next works well, but it fires on all clicks: <script type="text/javascript"> $(document).ready(function(){ $("input").change(function()
JQUERY how to animate a message changing color and position with timing
Hello, Don't be afraid if the post is long, I just gives example which runs but doesn't satisfy me. My question is: WHICH IS THE SOLUTION TO MOVE A TEXT ON THE SCREEN CHANGING POSITION AND COLOR WITH TIMING? In the end of the post I give the code I've managed to do but which seems very complicated. Does some one know an easier solution, please. Thanks, Best regards My purpose is to do an animation. 1/The message must be at the top left with a background color have fadeIn fadeOut 2/moves top right
$.scrollTo not working fine
Hi All Here is my html page http://tinyurl.com/kpglges When I click on sign up under .com (a id = registerdom), i have on click of the id(registerdom), scrollTo implemented, but it doesn't seems to be scrolling to the #domregister Any idea whats going on wrong? Is there any way to debug It does scroll but not to the right position
mobile.changePage Problem - next id
Hello unfortunately I can not get past have the following problem . I want to leave with "$ . mobile.changePage " show a new page , the URL should be replaced dynamically. So I go get the id that I pass via $ _GET, out of the database and thus give you $ . Mobile.changePage the new URL known. This works well so far flawlessly. But if I have then wiped 2x to the right works $ . Mobile.changePage again all id from which have been passed . My example - (Works 2x then really no more) : <? $ pagen_id
Realtime validation with jquery.validate 1.11.0
I recently upgraded from 1.10.0 to 1.11.0 and realtime validation was not working anymore. By reading the documentation I got a big surprise: Before a field is marked as invalid, the validation is lazy: Before submitting the form for the first time, the user can tab through fields without getting annoying messages – they won't get bugged before having the chance to actually enter a correct value Once a field is marked invalid, it is eagerly validated: As soon as the user has entered the necessary
Jquery Ui Slider handle wont slide to full width HELP!!
Hi, I wonder if someone can help, im struggling to to get the jquery UI slider to work as i want it to. i have a website setup with a jquery slider (http://www.isaac-clayton.com/#work_section) its quite obvious what the problem is but i cannot for the life of me figure out why its not working. the handle wont slide to the right fully. there are 14 images that it should scroll through and im wanting to add more as more clients are added to the site.. please could someone look at my site and see if
$.utility() versus $(element).method()
Hi All, I'm trying to figure out the best way to organize my jQuery code. I have a simple case that I would like to discuss here to improve my, and hopefully many others', code patterns. The case Build a flexible 'slider (as in Slideshow)' plugin/utility, that can take multiple sliders (each having one slide visible at a time) and multiple controls (arrows, bullets). A simplified html example would be: <ul class='slider' id='main-slider'> <li>Slide 1</li><li>Slide 2</li><li>Slide 3</li> </ul>
how changing the timer when setInterval is running?
Hello, My problem is I want to change the delay of the setInterval when it is running. I did a code to run setInterval, it's running but the timer doesn't change even if I have define it dynamic and increment it. Can some one help Please? Thank you, David ( @webtecgeek www.thecacaocafe.com ) Here is my code $(function() { var cpt=0; var time_delta=100; var int1=setInterval( function() { if (cpt++<10) { time_delta+=500; $("#msg").append(time_delta); } else { $("#msg").append("finished");
Disabling/Enabling Radio Buttons Help.
Hi, I have recently move to a later version of JQM and I am having problem enabling/disabling radio buttons programatically. I have included a fiddle, http://jsfiddle.net/a4poster/6mwg4/3/ On previous versions it seemed to work fine. Thanks in advance,
JQuery method .on() with load event
Hello! I'm stuck with the .on method and I'm hopping one of you can give me an advice how to do it. That's what I have so far, but unfortunately it's not working. $('#content').on('load', '.something', function() { console.log("never reached"); // some ajax stuff goes here }); I wanna load some ajax stuff after the page is ready. Ok, so far there is no need for the .on() method. I could realize it also without. The problem is that if I replace my content by loading the next page over
Next Page