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
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
Dynamic Dropdowns using Autocomplete and Posted Variables
This is my first jsfiddle. I didn't so something right, so the display isn't quite right, but that's really immaterial. It displays correctly on my server. This is a simple example of two dynamic drop-downs using autocomplete. I'm not much at jQuery. I just need to know how to force a search on page load. I know there is this function, but I don't know how to implement it. $( ".selector" ).autocomplete( "search", "" );The user may enter characters from another form, or may not. If they do, on page
weird error msg (to me)
I am getting this error msg that references jQuery: TypeError: 'checkValidity' called on an object that does not implement interface HTMLTextAreaElement. I am using 10.2. The code that is executing (or not executing really) at this point is a selectable, that is several LI in side a UL inside a div. I select something from the list which sets the value of a variable, I then click a button which is supposed to send the string as an object to a jsp. Thanks for any help. //get correct query translation
Range slider with multiple ranges?
As far as I know, the slider plugin includes a "range" option, but I was wondering if it's possible to apply multiple non-overlapping ranges to the same slider? Not multiple instances of slider, that is, but rather multiple ranges applied to the same slider instance. Thanks in advance!
Datepicker and ALT-Field
hi, it's the first time for me to work with jquery ui datepicker and it seems I don't understand the concept ;( I get a timestamp from the server and i wnat to send a timestamp back to the server. I want to display a readable date into a text-input and append a datepicker to this textinput. What do I need to do this? What I got managed up to now is the following: $('#valid_date_from_datepicker').datepicker({ dateFormat: 'dd.mm.yyyy', altField: '#valid_date', altFormat: '@' }); Now I receive
jquery.quicksand default tab on page load
When the page loads all the images show up on "all" tab, i tried to change the javascript and html so it can show on "web-design" tab or any other tab i choose when the page loads and it only shows one image and not all of them like the "all" tab. I have also removed the "all" tab on the html and change "all" to "web-design" in the script.js, but that didnt seem to work. Heres what i have. HTML code <h4 class="filter-portfolio"> <a class="all" id="active-imgs" href="#">All</a> / <a class="web-design"
In jquery mobile footer Class="ui-bar" not working,button are not arranged to the left?
<div data-role="page" id="tool" data-theme="e" > <div data-role="header" data-position="fixed"> <span class="ui-title"></span> <a href="#" data-role="button" data-rel="back" data-back-btn-text="previous" class="ui-btn-right" data-icon="back">Back</a> <a href="#home" data-role="button" class="ui-btn-left" data-icon="home">Home</a> </div> <div data-role="content"> Here goes to content </div> <div data-role="footer"
About the "Developing jQuery Mobile" forum
Welcome! The "Developing jQuery Mobile" forum is here for discussions about the development of jQuery Mobile. If you want to discuss using jQuery Mobile to develop your own website, webapp, or native application, you should post on the 'jQuery Mobile" forum. It's the appropriate place for that discussion, and your post will get greater exposure. https://forum.jquery.com/jquery-mobile If you want to report a bug or suggest a feature to the jQuery Mobile team, neither of these forums is the place to
jQueryUI Menu sub menus not showing correctly in IE8
My menu is ALMOST there. The only problem I'm having now is some submenus are stretching all the way across the page, and sometimes off the page, in the dreaded IE8. Here's a screenshot: Can anyone make a recommendation on how to stop this behavior? Thanks!
Collapsing submenus, when I have multiple menus
I have a page with several JqueryUI menus, which are dynamically created. The problem I'm having is if I hover over one menu, and expand a sub menu, then navigate away from that menu onto another menu, the original submenu isn't collapsing. I end up with one menu overlapping another and hiding it. Perhaps a screen shot will help. See below. The red arrows indicate the path my mouse took: My first thought was to check the menufocus, or menublur events for each menu, and fire off collapseall for every
form search jquery ip validation for only one IP
I have a form that has text fields for the user to type one or more text field and proceed to search, two text fields are for ip address : <label class="formLabel">IP Address</label> <input type="text" property="valueApiAddress" styleClass="value" tabindex="9"/> <br/> <label class="formLabel">External IP Address</label> <input type="text" property="valueExternalApiAddress" styleClass="value" tabindex="10"/> <br/> IP Address External IP Address I am using the jquery validator, but when the user want
Next Page