Find 3rd span tag in a div?
Hi, I have the following HTML and I'm trying to basically find a way to get at the third span tag in this div. There will be multiple divs like this when my page is rendered so I can't just use the css classname to do what I want as that would apply to multiple areas on my page. Each div though has a unique ID, in this case "divCustomer" so I want to start with that and then find the 3rd span tag which contains this text "John Smithy". How can I do this? <div id="divCustomer" class="section" style="display:block;">
preventing an event from running
there are 2 event functions that are used in the script. 1 is to expand all sections and the other expands sections 1 by one. The issue i'm having is that the href link, when pressed closes the section. I was reading up on the stop() function, but can't figure out where to place it without screwing up the other functions. Here is the code I'm using: $(function() { jQuery('a.popup').live('click', function(){ newwindow=window.open($(this).attr('href'),'','height=540,width=960, toolbar=0, location=0,
Add dynamic rows in html and save data in mysql
Hii, I want to add dynamic rows on clicking a button and press the save button to send data in mysql table, as i am new, i am confused as how to join these 2 things. Can any one help me or point me to any example ? I only want to add a name in 1 field and add a number in another
Hide/show several divs
Hi, I fairly new to jQuery and having a problem getting this to work; There are several rows of text (about 7) I want to be able to hover over each line of text and that would activate a div to appear with more info pertaining to that line of text. When you mouse off the div hides. Thanks in advance
Change image in separate div on navigation link rollover
This is my first post. I am totally new to JQuery. I have good PHP/MySQL skills, fair-to-midding Javascript. I'm trying to do something that's probably pretty simple if you know what you're doing: I have a central div as my main content area, which contains an image on load. I want this image to fade out and have a new image fade in when a navigation link is rolled over. I know how to do a simple image swap with Javascript, but I want the elegance of a fade in/fade out. Can anyone help me out? Thanks
parsing postal address
Let's say I have this string: <div>john doe is nice guy btw 8240 E marblehead way 92808 is also</div>or this string: <div>sky being blue? in the world is true? 123 Main St., apt c420 Anywhere, USA 12345 jackfroast nipping on the firehead</div> How would I go about parsing a string similar to the one of the strings above, extracting the address and document.write-ing the address? Would this involve some sort of regex code? I've tried looking online for a solution using jQuery/Javascript, but
How can i select item on screenshot
Hi, Hov can i select text (1), from object number 3, but only when checkbox is checked? Thanks for any help.
Problem with $.data()
Hello, I have a little problem, I use the function .data() to store some things on an element $(this).data("menu", { type: "normal", state: "selected"}); This works fine, but when I go to modify the "state" like $(this).data("menu", {state: "deselected"}); I lost the menu.type, how I can change state without lost type? Thanks
Passing Data to an AJAX Call
Hey all so Im trying to put data through an AJAX call into this div <div class="scroll-pane2 blue small" style=""> <p id="bulletinBodyArea" style="margin-right:20px;"></p> </div> The AJAX is being triggered when one clicks on one of the links being fed from the database <div class="bulletinSectionAccordion rounded"> <p class="blue" style="font-size:19px;margin-left:23px;margin-top:15px;margin-bottom:10px;">Archives</p>
I want to add one Element in XML file using jquery,How can i ?
Hello, Please let me know how to add parent and child node in xml file using jquery.Kindly reply as soon as possible,
show part of image on li:hover
Hi all, I've got a header with a <h1> and a very large image inside. Below the header, I placed a nav with some links and sublinks. Through css I set the sublinks to display:none; when hovering over a <li>, the sublinks appear. So far, so good.. The huge image inside the header is clipped to show only a part of the whole image. When hovering over a <li>, I want to show a bit more of the image eg. fill the sub-ul with more of the image. Now I've got this working, only I'm seeing more of the image
jquery multiple tab dynamically
Hello Guys, I want to create multiple same tabs according to User request.Please help me in how to do that
I am looking for a treeview jquery code with a future to save the state of expanded nodes!
Hi I am looking foe a jquery script that creates a treeview menu! I have found couple but I need one with the ability to save the notes states! So if I expand the node called categories and found 3 links under it Manage Categories Add Edit Delete Reports So when I expand categories then I click on edit. I want the nodes to stay expanded exactly where are they now open not to reset! Is there any such a thing in jquery?
How to designate callback routine in jsonp?
Hello, How can I designate the callback I want to use in my jsonp? Below doesnt work ... $.ajax({ type: 'get', async: true, dataType: 'jsonp', url:'http://open.mapquestapi.com/geocoding/v1/address?callback=editResults", data:{location:$json),
setting style properties to table>tbody>tr>th cells
hello! trying to set the css class (or style properties) of th cells that are created with an asp.net gridview. my html looks something like this: <table> <tbody> <tr id="DT_V1_grdData_trueheader"> <th>... <th>... <th>... <th>... <th>... </tr> .... here are a couple of scripts i've tried to access the th cells w/in the first row, but neither of them work. can anyone point me in the right direction? i feel like i've given up 1/2 a day
mix of e.data and custom event?
Hello all, I think I need some help with a little question. In my code I use e.data for a window resize function that changes CSS of elements. So I have: $(document).ready(function() { sizing_I({data: {zoom:2.4}}); $(window). on('resize', function() { …other functions here… }) .on('resize', {zoom:2.4}, sizing_I); }); and the function: function sizing_I(e) { var wh = $(window).height(); var f = e.data.zoom; var f2 = f*2; var f4 = f*4; var f10 = f*10; var f20 = f*20; var f150
Inline datepicker not rendered when disabled
Create an inline datepicker with the disabled option or call the disable method later, and you don't see any calendar at all. It would be very nice to just be able to disable the visible calendar, i.e. turn off callbacks, but levae it up for viewing! Is this a bug? Seems so to me... cheers, jab
problem with css animation on older Safari
Hi all, lately I discovered that some animation of mine ( that workes fine on most today browsers) does not so with the older 3.0.4 Safari I have on my old MacBook. (Yet it works fine with an even older Camino on it) Here is the CSS: .central { position: absolute; width: 60px; height: 600px; top: 50%; left: 50%; margin-top: -300px; margin-left: -30px; } #white_line { position: absolute; background-color: #ffffff; width: 4px; height: 150px; top: -25%; left: 50%; margin-left:
Edit a specific table cell using jQuery
Hi , I have table created by Json : function show(json) { var content = '<tbody>'; var counter; for(counter = 0; counter < json.length; counter++) { content += '<tr><td>' + json[counter]['id'] + '</td>' + '<td>' + json[counter]['time'] + '<td>' + json[counter]['fullname'] + '</td>' + '<td>' + json[counter]['message'] +'</td>' +'<td>' + json[counter]['level'] +'</td>' + '<td><div id = ' + json[counter]['id'] + '><input type="button" id = "listbutton" value="Answer"
As this is a simple question I guess its not needed to paste the entire code.
I have set anchor tags in navigation section in the left to take me to different sections in my site like home, about, contact, etc. In the contact section I have three tabs like contact, location, hello in the same order. So when ever I click the contact in the navigation menu it should take me to the contact tab in the contact section. That is actually done. But its doing this only at page reload. When I click on the hello tab in the contact section, go back to home and then if I again click on
storing data from a form each time it is called
Can I save data to an array each time a form is submit? Or do I have to store the data somewhere else?
Set css property in code (not value, but property)
Hello, I'm want to create animation, where picture is animated from left, right, top and bottom. I'm using absolute position for animation, but I don't know how can I dynamicaly set css property (like left, right, bottom, top); something like this: var tmp = 'left'; $('ul.grid li').eq(2).find('img.flag').animate(tmp, '0'); Can you help me please? Thank you and have a nice day! Sebastian
Go to another page with an ID using a button
Hi. I'm not sure if it's the right category to ask this question. I have a list whose rows have buttons with unique IDs. I want the buttons to go to another html page to edit that row. Can you tell me how I can accomplish this? Thank you.
Checking FORM with reCaptcha using jQuery and if values are OK, send FORM to php file that will save VALUES to database
my problem is that im having FORM with recaptcha on end. Im using jQuery script to check, if values are fine. Problem is that when its fine, i need to send informations from that FORM to php file, which will save them to database. I dont know what should i do. I tried : $("form").submit("reg.php", data); $.post("reg.php"); $.post("reg.php", $("#form").serialize()); .... when i redirect page with window.location = "register.php"it redirected me, but values from form were lost. function validateCaptcha()
Replace img src inside a 'this' object?
Alright so I have a link that is clicked...once it is clicked I want the img src that's within the 'a' attribute to be changed. Here is what I have HTML: <td> <a href='#' class='flag' name='$files[id]' > <img src='www.somesite.com/images/unflagged.png' class='flagimg' /> </a> </td> jQuery: $(".flag").on("click", function(e){ var fileID = $(this).attr("name"); var src = 'www.somesite.com/images/flagged.png'; $(this).find(".flagimg").attr("src", src); return false;
Create a dynamic master table.
Hi, I want to create a dynamic table. Table of properties. According to the variable,I need to create again. The rows are created according to the variable. The columns are created according to the variable. According to the above features, I want to create a dynamic table. The attached picture example. Waiting for your help.
tabs open with parameter
I have 3 tabs, on the first i have a list of items. What I need is when you click on an item in tab 1 it opens tab 2 with a parameter that tab 2 can access The scenario is Projects on tab 1 with a list of jobs on tab 2. But i only want info relating to the project selected on tab 1. Is this possible. I guess I'd need to code tab 2 as a separate asp page and load it with ajax. or triggerTab Darryl
hide() & Show function
Greeting Friends, I am adil i m new in jquery. Iwant to know that i add hide and show function in ASP.NET Website and when i execute it the wont working i don't know what is happened please any help appreciated. My Code <script type="text/javascript"> { $(document).ready(function(){ $('#btnhide').click(function(){ ${'#panel').hide(5000); }); $('#btnshow').click(function(){ ${'#panel').show(5000); }); }); <asp:Button ID="btnhide" runat="Server" Text="Hide" /> <asp:Button ID="btnshow" runat="Server"
Input type, attr vs prop
Hi, I'm trying to use customized types on input element for further validation using the pattern property. HTML: <input id="metric" type="inches"> JS: $('input').prop('type') -> "text" $('input').attr('type') -> "inches" My question is, is this the expected result ? Even with the new HTML5 types, like "number", prop function returns "text" as type. I clearly have a solution where, I should rely on attr function.
Fadein and fadeout
hi, I have a div and it contains table with three rows. it has fade effect as fadein and fadeout. In this effect the three rows are fadein and fadeout at a time i.e am inserted table in div and applyed fade effect to div so it was fadein and fadeout at a time, but i want the three individual effect of each row with fadein and fadeout , so please solve my problem.
css3 animation
i am trying to change the animation for the slider by changing the seconds in the css to make all the text to move first and then followed by image similar to ibm slider http://www.ibm.com/us/en/ here is my fiddle http://jsfiddle.net/YakV7/7/ here is my code http://tympanus.net/Development/ParallaxContentSlider/css/style.css .da-slide-fromright .da-slide-fromleft .da-slide-toright .da-slide-toleft
$.getJSON no Response
Hallo, I have no response from Server. I don't understand that. Could anybody help please. jQuery-Code: $.getJSON("http://192.168.2.104/model/patientenfahrten.json", function(data) { some Data }) JSON: { "patientenfahrten": [ { "vergabeVorgangsNummer": "66090-2012-00075", "hauptDetails":{ "anfragebeginn": "29.11.2012 09:11 ", "anfrageende": "12.12.2012 07:00", "fahrtenzeitraumVon":"26.11.2012", "fahrtenzeitraumBis": "30.11.2012"
Any help for Accordian
Hi, I'm trying to use the Accordian as a main page of my website. But whenever the page is loaded, the top list of the Accordian menu is always open. Is there any way to close down all the lists, so all the menus are hidden until users click on one of the lists? Any help will be much appreciated ! Thank you !
Strange append behaviour with ampersand
I have a function that gets xml from the server, via ajax, parses it and appends divs to a dialog. I wrote a stand alone page (serverd from the same server) to test it and it worked fine. However, when I use the function in my app, it chokes because there is an ampersand in the data. Just to be specific, as far as I can tell, from cutting and pasting the source, the stand alone page is identical to the app page. Indeed, that's how I made the standalone page. The error is from: div.innerHTML = wrap[1]
Jquery odd selector
<body> <div id="EvenOdd"> <p>One</p> <span>two</span> <p>three</p> <span>four</span> </div> <script type="text/javascript"> $('div:even').css("color", "blue"); $('div:odd').addClass("color","red"); </script> </body> here the color for the odd selector is not changing can i know whats the problem.
how to animate multiple images?
how to animate multiple images?
jqGrid problem in Internet Explorer 8
Hi, all I've got a problem using jqGrid in explorer 8. My source is below function loadCustomerProfile() { $("#customerProfileTitle").html("<p style='font-size:16px; font-weight:bold;'><img src='${pageContext.request.contextPath}/images/common/icon_tt02.gif' alt='title' /> Customer Information</p><br/>"); var jsonObj = {}; jsonObj.msisdn=nvl($("#searchMsisdn").val()); $("#customerProfileList").jqGrid({ url : '${servletPath}/customerProfile/customerProfileList.data', datatype : "json",
jQuery v1.8.3 (from WP 3.5) causing issues?
I got this test in my Chrome browser: alert (Thesaurus.options.containers + '|' + $.find(Thesaurus.options.containers).length + '|' + $.find('#content').length); When I load the page I got this output: #content|0|1 What is that? Also many other functions does not get properly executed within the jQuery based code...
Difficulty using revamped position utility with multiselect widget
I'm using Eric Hynds Multiselect Widget, but I'm having trouble getting the position option in the widget to work with jquery-1.8.2 and/or jquery-ui-1.9.1. I believe that recent changes to the position utility are preventing it from currently working and I would love some help figuring out how to fix this issue. The working demo of the widget's position option is located here, but that uses jQuery 1.4.4, and more recent versions of jQuery prevent the multiselect elements from opening.
jQuery cross browser compatible?
Hi I have to use the following to get highcharts library working.any ideas? <!--[if IE 8]> <require type='script' src='js/jquery-1.4.2.js' /> <![endif]--> <!--[if !IE]><!--> <require type='script' src='js/jquery-1.8.3.js' /> <!--<![endif]--> After doing the above, it worked in both the browsers.
Next Page