[jQuery] Javascript of jQuery?
Hi, first post here ... I have searched and cant find an answer to this but I'm sure it's been asked before ...anyway, here goes: I have only a rudimentary grasp of javascript but I'm very interested in jQuery - so, is it better for me to learn Javascipt first and then jQuery Or is it feasible to simply try to learn jQuery?? TIA.
[jQuery] [News] Tutorial: Working with Events, part 2
Hi everyone, Just wanted to let you know that I posted a new tutorial on learningjquery.com: Working with Events, part 2. This tutorial first shows how to use .clone(true) to clone events along with elements, and then it explains event re-binding and unbinding with a quick look at event namespacing as well. I tagged it as Intermediate to Advanced, but my ability to judge difficulty level isn't very good anymore. http://www.learningjquery.com/2008/05/working-with-events-part-2 I hope it helps someone
[jQuery] Get input value from a loaded page
Hi all, i have load into div a page: $("#top").load("top.html"); Into top.html thare's a finput like this: <input type="hidden" id="counter" value="<?=$Count;?>" checked="1" /> How can i do for retrieve some input value?? I have try this var numsg = $("#counter").val(); but not work. Thanks.
[jQuery] radio button value
How do I get the current value of a radio button? This is my html: <input type="radio" name="mem_type" id="mem0" value="regular" /> <input type="radio" name="mem_type" id="mem1" value="annual" checked="checked" /> and the javascript: function showval() { var t = $("input[name='mem_type']").val(); alert("mem_type = " + t); } $(function() { $("input[name='mem_type']").change(showval); }); This always gives me 'regular'. What am I getting wrong? -- "If we think happy thoughts, we will be happy.
[jQuery] I have a nice text accordion menu, but I just need a little assistance.
Hello Everyone, I have a built a nice accordion style menu and need a little assistance. You can see it in action at http://www.tegdesign.com/menu/ Currently I’m having it open the first element by placing the following code in the jQuery ready function: jQuery('#theMenu').activate(0); What I want to be able to do is activate an element of a sublevel. For instance say I wanted to have the (Commercial – Solutions) activate and open to show all children in Solutions. In the JS folder there is the accordion.js
[jQuery] clueTip Plugin - Loading specific DIV ID in external html
I am setting up the clueTip Plugin from http://plugins.learningjquery.com/cluetip/ and i see how you can load an external HTML file but it loads everything in that file. I want to have one html file with several divs in that file and have cluetip plpugin call the file and only load a specific div from that file. so if i have SomeFile.html and in this file i have Div ID="SomeID1" Div ID="SomeID2" Div ID="SomeID3" I want the cluetip to call only one of those div's from the external file. Anyone know
[jQuery] jQuery parsing ColdFusion 8 JSON
don't know if anyone has encountered this before, but I'm using CF8 components to return JSON to my applications, but even when i specify "dataType:'json'" on my ajax requests in JS, ColdFusion returns something along the lines of the following: ----------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C/DTD/HTML 4.0 Transitional//EN"> {"userclassid":1.0,"unique_session_id":"19714_38786260"} ----------------------------------------------------------------------------------------
[jQuery] JQuery and ASP.NET AJAX
Do these work well together or cause conflicts?
[jQuery] attr('form') not work in firefox
This is my html: <form id="myForm" action=""> <input type="text" id="a" /> </form> and javascript: <script type="text/javascript> $(document).ready(function() { var form = $('#a').attr('form'); alert(form.attr('action')); }); </script> it works in IE 7.0, but in FF form is 'undefined', I can get the form using var form = $('#a').get(0).form; so why attr('form') does not work in firefox?
[jQuery] Any way to avoid having this IE warning message?
Hi, I have a page has a lot of data and can run slowly. As soon as I try and load this page, IE tells me http://screencast.com/t/mXOBRKW1T2 (the script is causing this page to run slowly, continue?). Anyway, I notice when I take out this block of JQuery code, the message disappears: $(document).ready(function() { $('.updateBtn').click(function(){ var rowId = $(this).parents("tr").attr("id"); saveRow(rowId); alert("Item Updated"); }); $('tr.rowData :text, tr.rowData textarea').blur(function() { var
[jQuery] $.get work in firefox not IE?
Hi, I use the below code to get some html codes from a 'url' and then write into a div messages $.get(url,{},function(data) { $('#messages').html(data); }); it will work well in firefox, but for IE, it will not show the html data although it is getting data from the url, anyone knows the reason? thanks www.generics.ws www.genericsmed.com
[jQuery] second time jquery is included, kills previously called plugins
if you have this in this order, the plugin call won't work. it will give an error that the plugin function is not defined <script type="text/javascript" src="/scripts/jquery.pack.js"></script> <script type="text/javascript" src="/scripts/jquery.corner.js"></ script> $(function(){ $('#bodyframe').corner('tr'); }); <script type="text/javascript" src="/scripts/jquery.pack.js"></script> Since this is a portal, I may not know if the jquery was already included and I can't stop it being included in another
[jQuery] An official list of interesting extensions of the selector engine??
A simple question to jQuery.com webmasters: Does, somewhere in jQuery.com, exist a list of interesting extensions of the selector engine, used normally in some plugins? In negative case, I think that be very interesting....;-) for example (and I know not a very useful one, but illustrative): jQuery.expr[':'].second = function(a,i){return i==1;} $('div:second') - selects the second div on the page (this example is extracted from a Simon Willison presentation) ,so I know that from time to time some
[jQuery] Plugin like usableforms from ppk
Hi, Since a long time I use usableforms javascript script http://www.quirksmode.org/dom/usableforms.html to enhance my form pages. I'd like to know if there is a Jquery plugin which allow to do that. Thanx for your support
[jQuery] How to select a form which don't have an input with name id?
Hello I'm trying to solve this - I have several forms on page and need to be sure that all of them have input id, some of them already have it some of them not, how to get the form where I need to add an input? I tried to get the forms which have this input $(document).ready(function() { $("form input[@name='id']").each(function(j){ alert($(this).attr("name")+ $(this).attr("value")); }); }); but I need somthing like this $(form).each(function(){ /* $("input there is no id").each(function(){create
replace func for input type image
Hi, I'm not sure, how to solve this issue. I want to have a hover func for inputs with the type image. The input itself has the attribute src which I want to change when someone hovers over the input. So, the old src="standard_btn" should change to src="standard_btn_hover". I was trying something with removeAttr but it didn't work. Maybe I have to use a variable?! thanks for hints T.C.
[jQuery] cycle plugin - reset timeout when you mouseout from pager
Hi, this may be an embarassingly simple question but I am new to Javascript and JQuery and whilst I am trying to get me head around it all I am getting myself tied up in knots. Could anyone please tell me if it is possible to reset the timing on the cycle plugin so that when you leave the pager you ge the full length of time before the cycle moves to the next item? I am trying to use it to display some areas of text that contains a link. I would like the user to be able to get the mouse from the
[jQuery] involuntary closing of tags
Hi, I'm new to jQuery, so forgive my ignorance if I've missed something trivial... I'm trying to move text enclosed in <div class="footnotes"> to the bottom of the page, and insert a link to the footnote in the location it was originally in. However, when the div is moved, the -tag it was in gets closed, and any remaining text that was in the is left outside. The link I insert is also outside the . How can I avoid this? Here's my code: <script type="text/javascript"> $(document).ready(function()
[jQuery] why div change position?
Hi all i've made an application that you can look here: http://lnx.magoscuro.com/exalted/eitools/ and i've created variuos menu but i've a problem: the head of the menu change is position... ideas?
Cycle plugin - resetting the timing when you resume
Hi, this may be an embarassingly simple question but I am new to Javascript and JQuery and whilst I am trying to get me head around it all I am getting myself tied up in knots. Could anyone please tell me if it is possible to reset the timing on the cycle plugin so that when you leave the pager you ge the full length of time before the cycle moves to the next item? I am trying to use it to display some areas of text that contains a link. I would like the user to be able to get the mouse from the
[jQuery] may be a bug
Sorry for my poor English. I come across with a odd problem. Here is a html file piece: <p id="test"><a class="here" href="#somewhere">something</a> some other html tags and content and I attach a click event handler to the anchor element, the js code is like this: $('#here').click( function(){ alert('here') } ); Now I want to clone the anchor and all its siblings to anther , but I do not use the clone(), instead, copy the html: var newp = $('#another_p').html( $('test').html() ) and then I remove
[jQuery] cycle plugin - reset timeout when you mouseout from pager
Hi, (apologies if this is a duplicate post - I got a server error) this may be an embarassingly simple question but I am new to Javascript and JQuery and whilst I am trying to get me head around it all I am getting myself tied up in knots. Could anyone please tell me if it is possible to reset the timing on the cycle plugin so that when you leave the pager you ge the full length of time before the cycle moves to the next item? I am trying to use it to display some areas of text that contains a link.
[jQuery] fireFox + SWF animation bug
hello I´m having problems with a flash movie placed in a jQuery animatted <div> on FireFox (work´s fine on IE6). When the "$ animate" function is played to resize the container div, the sfw reloads and flicks. How to avoid that? thanks!
[jQuery] Modiyfing an XML document with jQuery
Hi, I've been trying to figure out how to work with XML in jQuery for the most part of today as here is what I wanted to accomplish: 1) read in an xml file and convert it to a workable object 2) modify the xml (do adds, removes, and changes to the xml object) 3) convert the xml object back to a string and export it I've managed to do 1 and 3 (with the help of serializeXML), but I cannot seem to do number 2 (add elements into the xml). I can traverse the xml object and pull data out. For example:
[jQuery] Load (AJAX) callback after javascript evaluations
JQuery.load can receive a callback function as one of its parameters. According to the online docs, this function is called "when the ajax request is complete". In practice, it appears this callback is performed after the ajax request is complete and after the dom is inserted, but before new javascript in the HTML is evaluated. Is there a way to set a callback for after the javascript is evaluated? For example: index.html contains: <html> <head> <script type="text/javascript" src="jquery-1.2.3.js"></script>
Get input value from a loaded page
Hi all, I have index.html, where jquery is loaded. In this main page i need to load an external .php page: $("#top").load("top.php"); and all work well. In top.php page, there's a input hidden like this: <input type="hidden" id="counter" value="<?=$Count;?>"> Now The question: how can i do for retrieve the input value and use it in index.html page? I have try this but not work: var numsg = $("#counter").val(); Thanks
[jQuery] [Announce] Password Strength Meter 2 release
Hey folks, Just a quick update to let you all know that I've released a new version of my password strength meter plugin: http://digitalspaghetti.me.uk/2008/05/new-password-strength-meter-released/ This version has a lot of improvements over the last few versions, and now includes a method within the name space to add your own custom validation methods, like so: digitalspaghetti.password.addRule('twelvechar', function (word, score) { return word.length >= 12 && score; }, 3, true); This would
[jQuery] jMaps: Show HTML bubble?
I'm using jMaps (jQuery Google Maps plugin). Is there a way to make a marker's HTML bubble appear when the map loads? It looks like that HTML bubble only opens based on a marker event (like click or mouseover). I'm hoping to just have the bubble visible without any user action. thanks --dave
[jQuery] Corners and IE 7 problem
I've used the jQuery Corner plugin for some time now and have always had an easy time. However, for some reason, I'm running into trouble now. The code works perfectly in FF/win, FF/mac, Safari/mac but not IE7/win (haven't tested anything else). In IE7/win it will only apply the corners to the side of the element that corresponds to the text alignment. For instance: $("#tabs ul li").corner("top 8px"); Will round the top left corner only when #tabs ul { text-align: left; }. If centered, the corners
[jQuery] [PLUGIN] Ajax Edit Comments for WordPress 2.1+
Found in the wild. WP Ajax Edit Comments (for WP 2.1+) allows users and admins alike to edit comments on a post. http://www.raproject.com/ajax-edit-comments/ Rey...
[jQuery] Concat
I have the following jquery in an "gallery" page: $(document).ready(function(){ $("#thumbnail a").click(function(){ $("#picture a").attr({"href": $(this).attr("href")}); $("#picture img").attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")}); $("#picture h2").html($("> img", this).attr("title")); return false; }); $("#picture>img").load(function(){$ ("#picture>img:hidden").fadeIn("slow")}); }); The page has a list of thumbnails going
Fading Issues when Image is clicked [RESOLVED]
Hi. I am currently working on a script that when I click a picture(thumbnail) it changes the bigger image to it. However, I am running into issues when I try to use jquery to fade it in and out smoothly. The issue seems to occur mostly when the images aren't stored in the cache and therefore it'll load and then change. The page it's displayed on is http://wfaworldwide.com/new/node/4. Here is the jQuery that I use to get it to work. var newImage = ""; $(".tinyImage").click(function(){ newImage
[jQuery] $.post() not sending info
I've got a suggestion form that inserts into a db table when they submit, my jquery is located in a /js folder, while this page is in /, and my db settings are in /includes/ Here is my $.post $.post("../sendsuggest.php", { subject: subjectVal, message: messageVal, theusername: theUser }, function(data){ $("#sendSuggestion").slideUp("normal", function() { $("#sendSuggestion").before('<h1>Success</ h1> Thank you for your comments!</ p>'); }); } ); sendsuggest.php is something like this if(isset($_POST['submit']))
[jQuery] Can jquery change the period in an OL to a hypen?
So the title says it all pretty much. I have a design and I need to have some running numbers along the side of a list. An ol would be perfect and it is rendering: 1998. Item 1 1999. Item 2 To match the designs I need it to be: 1998 - Item 1 1999 - Item 2 I could just make a table but it would be cooler if I could change it somehow. I have spent an hour or so looking around and there does not seem to be a CSS/HTML way. Cheers.
[jQuery] [blockUI] proposed IE6 patch to allowBodyStretch option
I've downloaded the latest blockUI code and despite using the new allowBodyStretch option, the overlay still will not completely cover the viewport in IE6, for short pages. The current code (around line #163) tries to size the body and html tags with the following: $('html,body').css('height','100%'); Since the above code didn't work for me I changed it to the following: $('html,body').height($(window).height()); Now it works perfectly for me. Doing it this way now makes blockUI plugin dependant
[jQuery] Turn off Cache Busting in $.getScript
I have noticed that the default behavior of jquery's $.getScript is to add a cache busting parameter to the URL of the script - to assure the browser gets the latest copy. While this is great - and is a good default - I was struggling to see if there is any way to turn OFF the cache busting, for situations where in the Ap i really want the browser to use a cached version for performance and bandwidth reason - if it has one. If this is not possible - i'd like to suggest is as an enhacement to the
[jQuery] Problem with function
Hello! I wanted to write my first jquery code and failed to replace all these markups with a simple jquery command attaching this function - return hs.htmlExpand(this, { objectType: 'iframe' } ) - to all markups automatically: e.g.: <a href="abc.html" onclick="return hs.htmlExpand(this, { objectType: 'iframe' } )"></a> What am I doing wrong here?: (placed in head section) <script type="text/javascript"> $("a").click(function(event){ event.preventDefault(); return hs.htmlExpand(this, { objectType:
[jQuery] Need some help....
Hi I want to know how I could test if I added the javascript right??? like I am not sure if when I added the javascript with the right path . I know I have to use the <script> tags . The problem I am having is using the Hover and also fadeIn fadeOut. I want to create a tool tip thing but not as a tip. I want to have it so that when the user hovers there mouse over certain pictures then a window/table will fade in with other photos that the user had uploaded and when the user moves the mouse off the
[jQuery] json parser doesn't output
I've been trying to get this to work following these instructions http://blog.reindel.com/2007/10/02/parse-json-with-jquery-and-javascript/ , but i can't seem to get any output. I am getting json data from google maps getLocations(), so the way I grab the json is a bit different. according to google, the json looks like this [code] { "name": "1600 Amphitheatre Parkway, Mountain View, CA, USA", "Status": { "code": 200, "request": "geocode" }, "Placemark": [ { "address": "1600 Amphitheatre Pkwy, Mountain
[jQuery] Looping animate function
Hi group, I've been struggling with this problem for a day or two. Situation: - I want to have text slide back and forth across the browser at a rate I set; I'm attempting to use animate to do this, and it works pretty well (though seems very resource intensive). Basically, I take the following steps: calculate width of element, parent element, and the css left property. From there, decide which direction to go (left or right, basically) and based on that decide what the target left: ##px should
Next Page