help getting the #id value as a var to use for dynamicly
Hi I have a working code in a page that looks for the #id of the link clicked and then slideDown the div with the same #id but at the moment I need to hard code the #id $(".choice #1").click( $("#display_content div")hide(); $("#display_content #1")slideDown(); ) The code repeats for #2 and so on and so on. The above code is not written correctly because I don’t have access to the file I was working on at the moment so I have rewritten it from memory. but how i see it should work would be something
[jQuery] blockUI like demo#8
How can i have a pop-up "Thank you" like demo#8 ( http://jquery.malsup.com/block/#demos ) after the fuction finish ? My code is: <script language="javascript" type="text/javascript"> function openHelp() { $.blockUI({ message: $('#divHelp') }); }; </script>
jquery form plugin
i have some different preloader images. and i made a function so i can call it with different id. function HidePreloader($idPreloader){ $($idPreloader).hide(); } it works fine if i just called it like: HidePreloader("#orangePreloader"); but when i want to call it in jquery form plugin success event, it wont work at all, my code like this: $("#formPassword").ajaxForm({ target:'#container', clearForm:true, success: HidePreloader("#bluePreloader") }); did i write
[jQuery] Access an object
I have an iframe in a page which has a url of blank.html. In the parent page I have the following which is an example script from frameready. The myVariable is passed to blank.html as an object called frData. What code would I need on blank.html to access\alert myVariable. $.frameReady(function(){ $("<div>I am a div element. "+frData.myVariable+"</div>").prependTo("body");} , "top.mainFrame" , { data:{myVariable: "I am data passed to this frame"} , load: [ {type:"script", id:"_fr", src:"/js/myscript.js",
[validate plugin] How to show a specific DIV on error?
Hi all, Please see this code: <form id="myform"> <input id="field1" type="text" class="required" /> <div id="field1error">Error1</div> <input id="field2" type="text" class="required" /> <div id="field2error">Error2</div> </form> The above is a simplified version of my code, but it shows enough. The two DIVs are set to "display:none". How do I invoke the validate plugin in such a way that it shows the appropriate DIV when validation fails on the relevant field? There doesn't need to be any dynamic
[jQuery] flickering issue when using animate() in firefox
hi. I used jquery for building my portfolio and created a carousel like widget. http://ajaxian.com/archives/google-chrome-os-web-developers-rule everything is working fine except for animating in firefox - where the animation flickers a bit to the sides. Has anyone experienced this problem before? any possible solution? I tried turning off css rules for the carousel with no luck. Thanks.
[jQuery] jquery.ajax with async=false is not synchronous with remote files
Hi, I am calling a remote javascript file a need it called synchronously. jquery's ajax call does not work in this situation... even with async set false remote js-files get called asynchronously... Unfortunatelly callback on complete is no option. (Unless of course one knows a working wait-functionality in js, and no, setTimeout it is not...) Greetings Benedikt
Selecting Text without tags
I'm still new so be gentle... I have the following HTML (generated by a CMS): <div id="breadcrumbs"> <a href="/" class="selectedPageRoot">Home</a> Our Partnership & Services </div> I cannot figure out how to select the text "Our Partnership..." inside of $("#breadcrumbs"). Is it possible?
ZK Light versus jQuery UI
Hi, I am looking for your opinion about [url=http://docs.zkoss.org/wiki/ZK_Light]ZK Light[/url], especially comparing to jQuery UI. I know ZK Light is a young project, but the UI looks great to me and it is also based on jQuery. Any pitfall to watch? Thanks. Ged
Frameready - How do you get the data in the target frame
I want to use http://ideamill.synaptrixgroup.com/?page_id=18 plugin to pass data to an iframe. The example on the site is as below. $.frameReady(function(){ $("<div>I am a div element. "+frData.myVariable+" </div>").prependTo("body");} , "top.mainFrame" , { data:{myVariable: "I am data passed to this frame"} , load:[ {type:"script", id:"_fr", src:"/js/myscript.js", test:"myFunction"}, {type:"stylesheet", id:"_ss", src:"mycss.css"} ] } ); Im stuggling to work
$.ajax how to decode the sent data?
I have a few input and textarea fields and when the submit button is pressed, I use $.ajax to send the data to a PHP script, which in turn, simply prints the data, which in turn is displayed in an alert msg box back in my callback. (The script will eventually load the data into a database but for simplification this is all it does for now). The only problem, is that the $.ajax encodes/escapes special characters automatically and I can't figure out how to decode/unescape them to make them usable again.
[jQuery] [validate] How to show a div upon a validation error?
Hi all, Please see this code: <form id="myform"> <input id="field1" type="text" class="required" /> <div id="field1error">Error1</div> <input id="field2" type="text" class="required" /> <div id="field2error">Error2</div> </form> The above is a simplified version of my code, but it shows enough. The two DIVs are set to "display:none". How do I invoke the validate plugin in such a way that it shows the appropriate DIV when validation fails on the relevant field? I have been pulling my hair out over
[jQuery] [superfish] drop down transparent or opacity problem
Hi, I have a problem for the superfish drop down menu. please look at this image (circled with black line) <a href=http:// www.freeimagehosting.net/><img src=http://www.freeimagehosting.net/ uploads/5f9ae94a19.png border=0 alt="Free Image Hosting"></a>. I think the problem related with some kind of transparent or opacity. i tried to change the word in the superfish.js code from animation : {opacity:'show'} to any number 0 to 1 but it didnt changed. I dont know how to fix this. please help me.
jCrop problem
Hey guys, I am not very familiar with jquery & am trying to implement jCrop + upload via PHP. I found exactly what I needed ( http://webdevcodex.com/mashup-applicati ... query-php/ ) and attempted to use it but the script is not going past step 6 (from the demo code). I am able to upload an image to the folder & it will let me select an area to crop, but that's where it ends. When I hit 'crop image' it says "here is your cropped image:)" but does not show anything nor has it uploaded anything. I
[jQuery] My new website AllJobsXChange.com developed with Jquery
Hi. My website, www.alljobsxchange.com was developed with the use of JQuery. I really appreciate all the people that put their time and effort to make JQuery the way it is now. The site will go live in July 31, 2009. This site will allow job providers, job seekers, service providers and service seekers to manage their job and service posting needs. I am providing this to everyone absolutely free. Hopefully, you can take a look when it goes live on July 31. Go to www.alljobsxchange.com and enter your
Stack overflow at line: 0
I am receiving the error "Stack overflow at line: 0" when viewing my first jQuery page in IE and I cannot figure out what the problem is. The code: $(document).ready(function(){ //Calls the php file that builds the list of albums available $("#albumSelect").load("album_pic_list_db.php"); $("#albumSubmit") //On the click of the button build up a list of thumbnails .click(function(){ //Empty the div containging all of the gallery objects $("#galleryCont").empty();
[jQuery] A few novice questions on Datepicker
I just plug in the JQuery into my Spring application. It looks great. I have a few questions in the regards: 1. how to configure the Datepicker so that only the current and future date can be picked? 2. how to let the initial date shown as the date format used in the field? 3. what are the forward and backward arrow icon names? I make a very minor modification on the CSS file so that the datepicker will popup on top of my page. I can't find the arrow icon names in the CSS file. Thanks.
[jQuery] jQuery and the 'this' keyword
I've created a javascript object like so: var myObj={ // internally used OtherFunction: function(){ alert('hi');}, // externally used EditInfo: function(){ this.OtherFunction(); } }; if i bind EditInfo to a button, like so: $('#myButton').click(myObj.EditInfo) Then (this) is pointing to the button, not to myObj. Why is that? I'm using FF3.5
[jQuery] getting started with superfish -- installation questions
Hi all, Does anyone have a simple guide about how to install superfish dropdown menu in Joomla? The few lines on the superfish site are just a bit to streamlined for me. (I'm not really a developer, and I need this for an academic project.) What I have done is: -- installed the module -- activated the module -- put the src statement in the head, using the location of my js file (as explained on http://users.tpg.com.au/j_birch/plugins/superfish/) But I'm not sure what to do with the last instruction
[jQuery] object scope
Hi, I am following a tutorial on jQuery and somehow I could not understand why this one does not work: $(document).ready(function() { $('#news-feed').each(function() { var $container = $(this); $container.empty(); $.get('news/feed.xml', function(data) { $('rss item', data).each(function() { //The link in h5 var $link = $('<a></a>') .attr('href', $('link',this).text()) .text($('title', this).text());
[jQuery] simplemodal scroll problems
I am using simplemodal 1.3 my modal shows a product description. the description text is long and doesnt fit the modal without scrolls the problem is that both the page and the mpdal has scrolls and it looks very bad. anyone came across this problem? or maybe have a modal solution for jquery to solve this problem? many thanks
[jQuery] Detect ajax with file uploads
Hi! I'm developing a framework that allow all navigation in normal mode or in ajax load. I have a form to upload images and I can upload files correctly, but if I use the ajax form, the save page don't receive the HTTP_X_REQUESTED_WITH in $_SERVER PHP array (only occours when a file is uploaded). How can I detect an ajax load with a file upload form?
[jQuery] Cross-domain (for analytics)
I've run up against a cross-domain Ajax problem, essentially I want to do something like: (in http://hostA.com/page.html) <script> $.ajax({ type: "POST", url: "http://hostB.com/service.php", data: dataText, ... but this promptly produces an [Exception... "Access to restricted URI denied" code: "1012"... The thing is, unlike most of the related scenarios I've found, I don't actually want anything back from the server, I just want to send off some page access data. Because
[jQuery] What is the point of the "status" param to the "get" callback, if it's always "success"
I'm just reading some basic JQuery information, and I noticed that the callback used by "get" always sends two parameters, the first being the relevant data, and the second is a "status" value, which is always the string "success". Looking at code samples on the web, I never saw anyone bother to declare or use the second parameter. What is the point of sending data that is never used?
[jQuery] Download
I downloaded what I believe is the minified production version, it shows up on the download page as jquery-1.3.2.min.js but when I download it it is jquery-1.3.2.min.download I tried running this (is is some kind of self unpacking file format? doesn't seem to be). I tried renaming it to .js, but as near as I can tell in attempting to use it with the tutorial, it doesn't seem to be getting me anywhere. Any thoughts? (I think I need the pre-beginner tutorial)
[jQuery] Simple calculation
Hi Everyone, I am just trying to do a simple calculation - like 1440 + ( 99 * 12) + 795 the result should be 3423. But I am getting different answer. Please someone help me how to do it. Thanks Kaly
[jQuery] Help with jquery Navbar rollovers.
Hi I have been trying to find an answer to this question. I am trying to create a nav bar using jquery that uses rollovers. So there is an On state, off state, clicked state for three different tabs/images. example: Home | Support | About The problem I’m having is getting the clicked/on state to turn off the other image/tab if it was already on/clicked state. What keeps happening is each tab stays active when clicked instead of toggling off and on. Here is the code $(document).ready(function() {
[jQuery] Linkselect Plugin Woes
I'm having a problem with the GivaLabs' Linkselect plugin (http:// www.givainc.com/labs/linkselect_jquery_plugin.htm) and I'm wondering if anyone has any insight? The plugin works great for most things, expect when I try to use the "replaceOptions" to repopulate the option list. I keep getting the following error: I[0] is undefined Failed to load source for: jquery.linkselect.min.js It seems like a generic error, but I'm wondering if anyone could offer any input?
fade in images script not working right
Hi, old to html css, new to jquery. All i want is a picture to fade in after it has loaded, i found the following script on this forum somewhere but the picture loads in normally then faded out, it doesnt just fade in and stop. [code] <script type="text/javascript"> $(document).ready(function(){ $("#Picture").fadeIn(600); }); </script> <img id="Picture" onload="fade()" src="art/heading.jpg" /> [/code] Please help i have no idea about javascript yet, this might be what gets me started!
Help with toggle - hiding and showing alternative?
<script type="text/javascript"> $(function(){ var num = 0; $('#thebutton').click(function(e){ if(num % 2 == 0) $('ul li:has(img[id=vstar])').toggle(); else $('ul li:has(img[id=flower])').toggle(); num++; }); }); </script> Above is my JS. What I want to do is, click the button and have the vstar image hidden. Then when I click on the button again,
[jQuery] jCarousel and ThickBox
Hello guys... I've been using thickbox for jQuery for a while now and I liked it. I specially use it to show ajax content. But then I needed to use a page with a jCarousel inside this thickbox. When i open the page address, the carousel works just fine, but when I load the page inside the thickbox, the carousel starts to flick or bug. =/ Do you guys know what might be the problem? Or do you know any other kind of thickbox-like plugin which I can load other pages on it? I tryied GreyBox, and the carousel
[jQuery] JQuery and XHTML in Firefox
Until recently, I was humming along happily with my jQuery and HTML... life was good. Sadly, the Powers That Be have ordained that Thou Shalt Useth XHTML - so let it be done. I've undergone the process to convert to XHTML - all is valid and all is well... but no. Firefox treats XHTML as XML. jQuery is designed for HTML - when appending / prepending / removing it uses the innerHTML () function, which of course doesn't work for XML/XHTML. Lest you despair, there is indeed a question in here. Does anyone
[jQuery] [jquery form plugin] run function in success event
i wrote this code: -------------------------------------------------------- function HidePreloader($idPreloader){ $($idPreloader).hide(); } $("#formPassword").ajaxForm({ target:'#container', clearForm:true, success: HidePreloader("#bluePreloader") }); ---------------------------------------------------------- when it came to success event, the preloader image still there. did i write it wrong ? it worked fine if the function has no passing argumen like this: -----------------------------------------------------------
Appending then hover
Hi, forgive me that I don't have my actual code, but I'm away from my computer and am posting from my iPhone. Anyway, I'm doing something like this, and can't get the hover to work: $('#parent').append('<div id="child"></div>'); $('#child').hover(function() {$(this).html('hello')}, function() {$(this).html('')}); The 'append' is actually triggered by a button press, so the #child isn't presnt until after the user does something. Is there anything fundamentally wrong with what I'm doing? Is it ok
[jQuery] Table sorter 2.0 Date format issue
Hi, I am using the date format "dd/mm/yy" but it is not working properly, below is the example how it get sort in ascending order 11/09/2007 25/12/2006 10/01/2008 12/07/2008 13/05/2009 14/06/2009 u can notice that the year 2006 is coming after 2007, any one to help me....thanks in advance -- View this message in context: http://www.nabble.com/Table-sorter-2.0-Date-format-issue-tp24719579s27240p24719579.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Polish Official Support
hi all, I wrote some messages to people from jquery.com, but there is no response ;) so I'm writing here. My question is: Is there any chance we can start Polish Official Support of jQuery? thx for reply.
[jQuery] Dynamic creating of elements and appending them
Hey there, I read a lot of things now about creating elements with $("<div/>") and the appendTo method. here is my code I'm trying to get to work: <html> <head> <title>Foobar</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("<div/>").appendTo("#foobar"); }); </script> </head> <body> <div class="main"> <div id="foobar"> </div> </div> </body> </html> I'm using jquery 1.3.2 and Firefox 3.5.1 together with Firebug, which
JQuery and multiple tab instances..
Hi guys, I currently use JQuery UI tabs, as its nice, easy and simple however a project requirements are starting to become slightly more complex. The current requirement is to have the tabs act like a browsers tabs, allowing a user to open multiple instances in a single web page.. I was wondering if anyone could point me in the direction of how to go about this.. Thanks in advance..
[jQuery] URL redirect
Hi, I have an input text field with city names which uses the jquery autocomplete plugin. Now I would like to redirect the page when a city is selected. Can you anybody tell me how I could go about doing it. $().ready(function() { $('#cities').autocomplete(".autocomplete.php", { width: 260, selectFirst: false, matchSubset :0, }); });
[jQuery] Lazy Load plugin
<font size="-1"><font face="Helvetica, Arial, sans-serif">Hi All, The <a href="http://www.appelsiini.com">www.appelsiini.com</a> site is down, and I can't find any where else to download it. Can someone who has to full package (looking for uncompressed code to study) upload it somewhere for me to download from please. Thanks, - Liam</font></font>
Next Page