[Solved] 'unique' data value (how to ?)
Hi, I have this little problem which I can't seem to solve. So I have an object with a 'X' data stored. I want to store a copy of this data inside the same object. var object = $( '#mydiv' ); object.data( 'X', 'something' ); var copy = object.data('X'); object.data( 'Y', copy); The probleme is that X and Y seem to be linked, but I would like Y to remain the same regardless of what happens to X. So I found this complicated way to force the creation of a new object (the variable 'X' is a table) : var
looping through <tr> then its <td>, is not working.
I tried two different codes but both don't work. Can someone help please? $("#table tr").each(function () { $(this).children("td").each(function () { alert($(this).val()); }); });and: $("#table tr").each(function () { $(this).find('td').each(function () { alert($(this).val() ); }); });I have textboxes inside of
Please help Refresh div using jquery
I want to refresh div using jquery in fallowing smarty template .tpl file PLEASE HELP Script is: {include file="header.tpl"} {include file="sidebar.tpl"} <div id="items" class="main"> <h2>{$translations.titles.companies}</h2> <form action="" class="box search" method="get" accept-charset="utf-8"> <fieldset class="content"> <ul>
jQuery php file outside of public_html - Need help ;)
Good Morning everyone I was wander whether I could get some help from you guys with a blocker issue I am having right now L Let me give you some background. My server file structure looks like this / HOME USER Connection Public_html Index.php resources library templates top_header.inc web_main_dir f_menu_dir
jquery date autocomplete
Is there anyway to use jquery to add the slash sign after writing each part of the date? Like when a user enter 02 in the textbox, jquery automatically adds the forward slash /, etc. Is it possible? If so, can someone help post the code? I'm not using the datepicker. The user fill a textbox in the form with the date.
In Scrollable.js slideshow last slide is displayed first on page load, how to resolve it to display the frist slide on page load?
I am using a javascript library scrollable.js for slideshow, in which i have 6 slides to be scrolled automaticaly but on page load i am displayed with the last slide first, then it scrolls to first slide for fraction of second and moves to second slide.. below is the code which makes this work: > HTML code: <div class="scrollable"> <div class="items"> <div><a class="fancyImage" id="protectslide" href="http://www.youtube.com/embed/EhyoS4o4_t4?rel=0"><img src="images/protect-slide.jpg"/></a> </div>
left arrow should change to right arrow
when i click the left arrow the slider panel opens up.... after the slider panel open up the left arrow should turn back to right arrow..... providing my code below http://jsfiddle.net/XNaYj/ $('#btnToggle').height($('#content').height()).click(function(){ $('#content').toggle(); $(this).toggleClass('btnToggleShow'); }); .btnToggleHide { background-image:url('http://intra.defie.co/images/cubes/arrow_black_l.png'); background-repeat:no-repeat; background-position:center; width:31px; height:26px; float:left;
How to get data from an already built website that doesn't have JSON plugin?
Hello All, I'm new in this wonderful world, and was wondering if anyone can advise how to get data from an already built website that doesn't have JSON plugin and display it within our App, any update to the website will be auto-updated in our App. I basically would like to know if there is a way to display data the same way like the App EURONEWS(free app), taking data from any website and feed it automatically to our App. Thanks. IC
problem with screen.width
Hi, I'm very new to jQuery but I have had to learn a little to make a responsive website. my problem is with the horizontal navigation menu. I want it to become a drop-down menu when the screen size is less than or = 657px. The problem is that some of the code is working (the .hide) while the rest isn't i.e the button i click to get the drop down menu to drop. I'm pretty sure I have made a really silly amateur mistake but I can't seem to figure it out. Thanks for your help. here is the code I'm using:
Access variable outside jQuery
I am reading the content of a text file using get. The question is how to access that content outside jQuery function. The code is: var dt = null; $.get('myfile.txt', function(data, status) { dt = data; alert("alert 1 = " + dt); }, "html"); alert("alert 2 = " + dt);the first alert shows the correct content of the file, but the second one shows NULL. What shall i do in order to get the content file outside jQuery? Sorry if this question is too simple/obvious. Thanks a lot for your
slideToggle reveals <a> link, don't want it to close when user clicks the link.
I'm a little stumped by this one, I've got a slideToggle setup that works with a "more info" kind of thing on a products page. The problems is, one of the elements slideToggle is revealing contains a link that opens up a video modal box, and when the user clicks on the video modal link, the slideToggle activates and closes the "more info" section. I'd like to keep it so that the user can click anywhere in the productInfoContainer div to open/close the more info section, I just don't want it to close
Getting the value for a text string
I have the following HTML table <tr><td align="right"><span class="jqSelector">1234</span></td></tr> <tr><td align="right"><span class="jqSelector">4567</span></td></tr> and separate form <input type="number" id="NumberField"> I want to use something like $(".jqSelector").click(function(){ $("#NumberField").val(this.val()); $("#NumberField").focus(); }); To set the form field to the clicked value and focus the field. As I understand it the .val() won't work here, but will anything else? Can I even
jQuery plugin: Validation in jquery dialog
godbest Is any possible for jQuery plugin: Validation(http://docs.jquery.com/Plugins/Validation) in jquery dialog?Can any one show with example?
HTML 5 Video Pop (Can Do ?)
HTML5 Video question: If you take the idea of pretty photos, When you run prettyphotos the screen goes translucent, if you want it to of coures and then the photos are shown,,, Can this effect working when playing Video. like You have a poster image of your video, a small thum, and when it is selected the video player pops up, and plays the video with the image of the page behide it, from were it came,, (translucent) may not be the word . Is there any examples of this in action. or
Please explain ("a:last")[0]
I'm a jQuery rookie and still trying to find my way here. I came across this piece of code $(this).find("a:last")[0].nextSibling.nodeValue; From what I understand, selector :last will select the last element. In that case, why do we need to specify [0]? Will ("a:last") return more than one element? Please explain the significance of using the array for selection here. Thanks!
Script tags in header need
I've been working within Dreamweaver CS6 to create a Phonegap app. Cleaning up some code lately but need a couple of tips from more experienced users. The problem is when I try and reference the newer jquery script it knocks out my page styles. Also I'm using a mix of jquery and jquerymobile scripts but when I try and delete one or the other my pages don't load correctly either. I think I need both scripts but not sure... <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
jQuery: include and exclude
Hi guys, I have following task in front of me and I really don't know where should I start. In a HTML form I have two input boxes for urls: [B][U]URL Filter[/U][/B] Include: Exclude: [B][U]The task is as follow:[/U][/B] Include google - will include all the domains with "google" in the url. Exclude "referer" - will exclude all the domains that contains "referer" in the url. Is there any jQuery solution for this? Many thanks
jquery dialog box not working in Second time
I am using jquery dialog box.In that dialog box i am using some input text boxs and after clicking Submit button it gives final alert popup.In first time its working correctly.After clicking second time its not working.In that process,on page load jquery variables taking values from input boxes.After first time the text box values are returns null values.Why its returns null values?
How to get the value of a textbox right next to the modified textbox in a TD?
I have a table and I want to get the value of the next textbox that is right next to the modified textbox. I tried next().val() but it doesn't work. <tr> <td><input type="text" id="amid" class="amount" width="140px" /> </td> <td><asp:TextBox ID="dorc" class="d_orc" runat="server" Width="140px"></asp:TextBox> </td></tr>I wanna get the amount of "amid" and then check the next textbox whether it is Debit or Credit to insert it into its array. I tried the following code, but no luck.
What are the Tech Resolutions in 2013?
Can you Suggest me about What are the Tech resolutions in 2013?
Navigation Pannel
I have defined a Menu like the following that works for HTML code. This is the definitions of the Stlyle: <style> #nav ul {padding: 0; margin:;0; list-style-type:none;} #nav li {display: inline;} #nav li a {font-family: Arial;font-size:15px;text-decoration: none;float:left;padding: 12px;background-color: #fff;color: #3EA99F; border-bottom:0px solid #000;} #nav li a:hover {background-color: #3EA99F; color: #fff; padding-bottom:12px; border-bottom:0px solid #000; margin:-1px;} </style> This is the
Calling Click In Each To Open All Dts
Hello everyone. I am pretty new to jQuery and i encountered a problem i could not find in other forums, maybe you guys can help me. I have dts in html and i want to open them all. I have a function called openDt that is pretty simple like this: function OpenDt(){ jQuery(this).next().slideToggle('normal'); And so on.. the use of jQuery(this) is because this is developed for Joomla!. And i got in the document ready a line like this: jQuery('dt').bind("click", OpenDt); And this part is working fine,
Shopping Cart with Dreamweaver
Hi all, I've almost finished one of my first websites ever. I would just like a little bit of advice about making a more dynamic shopping cart. My site is simple. There is only one product and there are 6 different sizes. We are going to charge tax to Canadians, but not internationally. Then we need to find a good way of incorporating shipping methods. I can handle all of this simply with the free PayPal html codes, but I was wondering if someone had any advice to steer me in a direction so I can
How to write multiple selected event for combobox
Hi All, I trying to write and execute selected event for multiple drop down lists on single form.... However, its not working... Below is the script which i have written... <script type="text/javascript" src="js/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#YOJ_FLDDEFVIEWTEMPID_dropdownlist_YOJ_FLDDEFVIEWTEMPID").combobox({selected: function(event, ui) { var value1= $(this).val();someFunction(value1);} }); $("#YOJ_FLDKNOWNNAME_dropdownlist_YOJ_FLDKNOWNNAME").combobox({selected:
Regular expression allowing special character for first key press
Hi, i am trying to use regular expression in jquery on keypress function to allow only Alphanumeric values from text field, but if i press any special character then it is allowing for the first time jquery code $(function() { $("#legalDiv").find(".legalClass").bind("keypress",function(){ if (this.value.match(/[^0-9a-zA-Z]/g)) { return false; } }); }); Html code <div id="legalDiv">Legal Name:<input type="text" name="legalName" class="legalClass" id="legalId"></input></div> output getting
Auto complete doesn't work on dynamically add textboxes
$("#table tr td:last").live("keydown", function (e) { var keyCode = e.keyCode || e.which; if (keyCode == 9) { $("#table tr:last").after("<tr><td><input type='text' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text' id='legid' class='acomp' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text' style='width: 140px'/></td><td><input type='text'
problems with buttons
Hello im new at jquery ive tryed to design buttons with an animation of rollover, here is the script that i used i need to know is there something wrong with the script thanks Marcos <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <meta http-equiv="Content-Type" content="text/html;
jQuery maphilight(), browser compatibility for zoom property
jQuery maphilight(), would highlight the photo on defined coordinates and apply default red stroke on mouseover. The css zoom property is control the magnification level to 50% zooms out of the original photo: <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.maphilight.min.js"></script> <script type="text/javascript">$(function() { $(".map").maphilight(); }); </script> <div class="picture">
disabling hover/sliding- effect in sidebar?
hello, i need help with this code for my sidebar.php in wordpress. when i click on one sidebar-element, it opens, but closes very quick, so that i can not see the sites. the homepage is http://ntm.at/r0sa , you can see my problem when you click on "projects". what can i do, that it`s more clear? the code for the sidebar is: <div id="left-col"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){
i'm a little confused. will somebody help me out, plz
correct me if i say this wrong: i understand that JavaScript is pre-packaged with some native constructors: Object, Function, Array, etc. These constructors are functions. So they are all actually instances of the Function constructor, right? Or, native constructors are not actually created the way user-defined functions do, so they are not really instances of the Function constructor? I've been told that anything in JavaScript that is not a primitive is an object. So i guess since the Function constructor
UI Dialog box opens in Chrome but not in Firefox or IE.
I'm assuming there's a work around, but I can't find it through searching here or online. I figured I was doing something stupid (I was only working in Firefox) but it worked just fine in Chrome and I thought maybe it wasn't me after all.
Selector for div in nested divs
am trying to select div azaniconsound The div is nested in other divs < div id="clockWrapper"> <div class="rotatingHands"> <img alt="" id="hours" src="hours.png" /></div> <div class="rotatingHands"> <img alt="" id="minutes" src="minutes.png" /></div> <div class="rotatingHands"> <img alt="" id="seconds" src="seconds.png" /></div> <img alt="" id="myclock" src="clock_back.png" /> <div id="boxclock"> <div id="azaniconsound"><img alt="" id="Img4" src="azansound.png" /></div> </div> How can I select
JQuery fadeout on form submission while redirecting with session info
Dear Forum, I'm currently working on a very simply login page located here: ournewlife.com/003/login.php validation: goin I love the fadein effect, but I cannot get the fadeout effect to work. I've tried a number of things. I see that in the original code (http://pastebin.com/gfwF6MBL) the fadeout is triggered by a click that then redirects to a URL. So I understand that I need to change somehow the qualifier on what triggers the fadeout, which I had done by capturing the "Enter" key and then
Getting started (background PHP) - a little help needed
Hi all. I have been programming PHP for like 10 years - on and off - and I find myself quite comfortable programming this. I have always been keen on learning javascript - I am at the level that if I use some hours I would be able to modify some simple javascripts - and when I learned about AJAX I saw the ligth - and when I found out about Jquery I was like - I gotta do this :) So I have some basic questions probably - and please correct me if I am wrong! 1) Jquery is a library - and basicly it is
change post-specific <button> tag's text
Hello guys. i just registered here. i have many posts in index page. and each post located in <li> tag. <ul> <li class="class_li" data-id="this_posts_id"> < href="#" class="btn">Vote Up</a> <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="vote"> VOTE </span><span class="caret"></span></button> </li> <li class="class1" data-id="this_posts_id"> <!-- another <li> for other posts
Smoother Animation from Surrounding Element [SOLVED]
When clicking on the 'Contact' button, a box slides into view. When 'Click to hide' is cliked, it fades out but the box beneath it just 'snaps' back up. gmjones.org/MEETINGS/index.html The code below only applies to the top box entitled 'contact_strip'. <script type="text/javascript"> $(document).ready(function() { $("div#contact_strip").hide(); $(".contactbutton").click(function() { $("div#contact_strip").show(1200); }); $("#a_button").click(function() { $("#contact_strip").fadeOut('2000','linear');
.click broken down by class and ID?
I'm trying to do a function where a class of buttons can be broken down further by ID. Example: $(function() { $(".analyzer").click(function () { if = ("#ct50") $('#tabs').load('ct50tabs.html'); $('.CT50').show(); else if ("#status") $('#tabs').load('statustabs.html'); $('.Status').show(); else if ("#plus") $('#tabs').load('plustabs.html'); $('.Plus').show(); else if ("#statusconnect") $('#tabs').load('connecttabs.html'); $('.Plus').show(); else if ("#ct500") $('#tabs').load('ct500tabs.html'); $('.CT500').show();
Help I'm New
Hey, I've got the code bellow and i want it to wait 1 second before showing. Also when it shows and hides, to do it in a transition of about a second. I'm really struggling and the help would be really appreciated. html: <ol class="top"> <li> <a href="/link1" class="show">topList1</a> <div class="sublist" style="left:0px;"> <div class="row"> <ul> <li><a href="/list1link" class="head">list1</a></li> <ul> </div>
Pseudo elements like :hover and parent selectors
Hi folks, you'll probably know that there's no such thing as a parent selctor in CSS, so I used to use jQuery for this. To select all li elements that has an a element inside of them this would be $("li:has(a)").css("property", "value"); (I read that beneath the :has selector there's a .has() filter that does the same and is quicker but never tried that). The solution above doesn't work when I try to target psuedo-elements of that selectors. What I want to achieve is selecting all hovered li that
Passing values to PHP
I have also asked this question in the StackOverFlow forums, but the answers given there are beyond my technical ability. I found this script on the net and have adapted slightly so that it does not display the quantities added to the cart as I am using the script to categorise some videos. Here it is in its basic unmodified form, ideally I need to be able to save the products to a mySQL database once they have been added by drag and dropping into the 'cart' Thanks Steve <!doctype html> <html lang="en">
Next Page