[jQuery] Jquery Countdown!!!
Can someone just give me some instructions to get this to work??? I don't understand how to implement this into my site... where would I put this: $('#listLayout').countdown({until: liftoffTime, format: 'yODHMS', layout: '<ul>%Y<li>%n %l</li>%Y%O<li>%n %l</li>%O%D<li>%n %l</li> %D' + '%H<li>%n %l</li>%H%M<li>%n %l</li>%M%S<li>%n %l</li>%S</ul>'}); ??? The countdown.js and jquery.js are loading but I don't get it... and also what would I put in the html side? I got this from here http://keith-wood.name/countdown.html#listLayout
[jQuery] NEWB ALERT: Why when calling a pre-existing function from .click() is it executed on page load?
Hi there, I'm pretty new to JQuery. I have a couple of elements that need to call the same function so my code looks like this: $("#qSearchBut").click(quickSearch()); Pretty simple I thought. But this call executes the quickSearch() function on page load. What fundamental thing am I overlooking? Thanks in advance Amanda -- View this message in context: http://www.nabble.com/NEWB-ALERT%3A-Why-when-calling-a-pre-existing-function-from-.click%28%29-is-it-executed-on-page-load--tp20622218s27240p20622218.html
[jQuery] New help with jQuery and Visual Studio
For those Microsoft-using people like me, thought i'd point out some recent blog posts helping with getting Visual Studio 2008 Intellisense working with our beloved jQuery http://blogs.msdn.com/webdevtools/archive/2008/11/18/jscript-intellisense-faq.aspx I was pulling my hair out over #6 (childNodes is null) error, but the tip to make a "fake" -vsdoc'd got around that (and it was indeed UI.datepicker with that error) Good luck
updating the selected row dynamically
I have a table in which rows contains some data. What I want to do is when i select a row in a table, its columns' values automatically come in the textfields below and everything i edit goes back in the table. I have managed to insert the values of text field in the row. But when I select the row values dont come back in the textfields. When I update a field i want it being updated dynamically in the table at the same time.
Need help to truncate a string in JQuery
Hi, I have the following code: <div class="person">John S</div> Is is possible in JQuery to remove the last letter of the text within the div class "person"? I'm banging my head off a brick wall trying to figure this out, any help would be greatly appreciated. Thanks in advance
Removing a specified string of text?
Hello, I have text in a <div> spit out from a database with an * showing up after it: <div class="outerdiv">Time of match*</div> <div class="outerdiv">Place of match *</div> <div class="outerdiv">Importance of match*</div> As you can see there is an asterisk spit out after the text. Is there any way in JQuery to remove this * on all <div>'s with the class "outerdiv"? Many thanks in advance
hiding divs help
i have created a site http://dalton.inclind.net/menu2.htm and i would like the site to use jquery so when i click a navigation button at the top of the page like on http://dalton.inclind.net/menu3.htm have the page slide acrosst with the information[/url]
wrong function called
i have this <form> <input type="text" id="search-project" autocomplete="off"/> </form> $('input#search-project').searchProjects("/admin/project/tasks/id/", "project"); $('input#search-project-tasks').searchProjects("/online/workitem/start/task/", "project-tasks"); $('input#search-client').searchProjects("/admin/client/show/id/", "client"); but when i active search-project input-box, this function will be called $('input#search-client').searchProjects("/admin/client/show/id/", "client")
[jQuery] linkselect plugin problem (related hover gets deactivated) -- help please
I'm using the linkselect plugin to replace select objects in forms with a custom look... The issue I'm having is that when these occur in navigation menus/panels that appear on hover, hovering down onto the replaced select object listing causes the actual navigation menu to disappear, as if the hover behavior that turns it on stops registering as still being hovered. I've posted a test page here: http://www.cement-site.com/selecttest/test.html (mouse over the "news & events" item to display the menu,
[jQuery] How to add html do a div properly? (html(), val(), or text() ?)
Hello, what's the difference between: html(); val(); text(); what's the best way to add html to a div?? thanks.
[jQuery] How to create multiple dialog in same page by jquery?
When I try to to this, I found it looks like the second dialog wasn't created. Who knows how to implement it? Thanks $(document).ready ( function() { $("div#form1").dialog ( { width: 290, height: 380 } ); $("div#form2").dialog ( { width: 290, height: 200 } ); } )
Autocomplete-Add new row problem
Hey everyone, I got this set up where a new row is added to a table which contains a text box that is set up with the jQuery auto-complete plugin. It's all hooked up with PHP and MySQL to a database, and when you click on a entry from the autocomplete, it prints the ID of that entry so I can work with it in the backend. Currently, it prints the ID to a visible text box, in use, its going to be hidden, its just so i can check whether the ID is being printed in the first place. Problem is, all the
[jQuery] Superfish: Remove fade in and Customise each main menu element
Hi, I was wondering if it's possible to not have a fade in for the menu, but rather have it turn up instantly...? I tried setting {animation: none}... falls back to default. Also when i add a span to the each main menu li and style it (a, a:hover - image and padding) the sub menus break. Please help. Thanks, Arun
[jQuery] Examples of using .data()
Having a little trouble finding good examples of uses for the core function data(). Anyone know of a tutorial or some such on this?
[jQuery] how to get onchange select id
Hi, in my web page, i have 4 dropdowns When onchange event occurs, i want to know that dropdown id. How can i get that usng jquery. Help me. Thanks, Mohan
[jQuery] Interactive tooltips
I'm searching for something I'm not having much luck finding. I need a tooltip script (jquery) that allows for interaction in the tip. To explain it better, look at netflix. The popup is actually a web page. not just something that's for display but allows interaction within it. I'm doing this because I need to tidy up my page, but instead of having a bunch of pages I want everything on one page, and the tooltips to show the data for each item with forms in them so users can make changes on the fly.
[jQuery] Selector > a. How can I do this?
Hello, Can I select all anchors which link is an email address? For example: <a href="mailto:bla@bla.com>bla</a> Is there a way to do this without adding a class to the anchor? Thanks, Miguel
[jQuery] Calling functions in parent window from iframe
In the parent window's Javascript we have functions that are wrapped inside of the dom ready stuff ( $(function() ) ... normally you can access functions in a parent window by calling self.parent.functionName () but since they are wrapped in the on dom ready stuff for jQuery I can't figure out how to call them, or if you even can. Does anyone know how to do this, or if it's even possible? Thank you, Josh
[jQuery] Simple Checkbox Validation using Form Plugin
I am using the excellent Form Plugin to handle the ajax processing and validation of a form on my website. The validation works in all scenarios except when I try to use a checkbox. This is the technique I'm using to validate each field right now: if (!form.name.value || !form.email.value) { alert("you need to enter your name and email dude"); }); But if I try to do the same with the checkbox, using this code: if (!form.disclaimeragree.value) { alert("you need to agree to our terms dude"); }) And
[jQuery] 2 forms
<font size="2"> <div>Hi I have 2 forms on my page</div> <div> </div> <div><form id="form1">...</form></div> <div><form id="form2">...</form></div> <div> </div> <div>how would i do a form submit?</div> <div> </div> <div>$(</div></font><font color="#a31515" size="2"><font color="#a31515" size="2">'#form2</font></font><font size="2">).submit(); </font> <div><font size="2"></font> </div> <div><font size="2">is not the correct syntax. what is the correct syntax? thanks</font></div>
[jQuery] anchor text
a simple one i can't seem to find. I need to change an achors text... I can change the href but not the 'changeme' <a href="#">changeme</a> thank you.
[jQuery] jsonp to WCF problem
I'm using jQuery $.ajax to make a cross-domain jsonp call to a WCF service. The call is working fine, entering the service endpoint, but the callback method never fires. I've tried many permutations of changes and can't seem to get this to work. The WCF endpoint is returning a string (NOT doing a Response.Write) that contains a json object inside the callback wrapper (e.g. "jsonp123( {"Author":"John Doe","Price":"$35.90"} )" ) and the content- type returned from the service is application/json; charset=utf-8.
[jQuery] [tooltip] "dynamic" extraClass
This is related to the tooltip plugin - http://docs.jquery.com/Plugins/Tooltip . I've written a short PHP helper that displays tooltips. Simple $myHelper->tooltip('text'); displays a nice icon and stores the text to be printed out right before </body> tag. Works as expected. Now... the problem is that sometimes I'd like to give a tooltip a custom class. It's handled via extraClass option and works for me if I hard-code it in my js file. My solution: assign that right-before-</ body> div a custom
[jQuery] [validate] jQuery Validate AJAX Captcha
first problem: clicking to refresh CAPTCHA results in broken image. http://jquery.bassistance.de/validate/demo/captcha/ <-- see demo easy fix: in file image_req.php, change: 'img src="images/image.jpg?' to img src="images/image.php?' upon doing this CAPTCHA works fine, and will refresh one time without clearing the whole form. The second time you click it, everything in the form disappears. i tried changing echo '<a href="index.php" onclick="refreshimg(); return false;" title="Click to refresh image"><img
[jQuery] Trapping the forward and back buttons and other navigation events
I'm trying to trap navigation off of a web page so that the user is presented with a warning dialog before allowing the departure event to continue. Specifically, I need to trap the forward button, the back button, and clicking on a link, but I don't want to trap closing the browser or a tab. I know how to use window.onbeforeunload() to do what I want, with the exception that this also nags the user on browser and tab closing events, and I'd like to fix this misfeature. Any ideas would be muchly
[jQuery] Cluetip Title displaying in FF and IE
This is installed in Wordpress, wondering if WP default styles are causing issue? Otherwise, Cluetip works fine. Testing outside of Wordpress did not have this issue. Thanks! Jim * this may be a duplicate post; if so, sorry about that.
[jQuery] Validate: calling validate() from within a function
Hi, I am using jQuery's validate plugin. I followed the examples and have defined $("#signup-form").validate(...) inside $(document).ready (...). This works for me. What this does is that when I submit the form, it calls validate(). What I want to do is call validate() from within a function. When the form is submited, I want to call a function which in turn calls validate (after processing some of the fields). I was wondering if this is supported, or if there is a work around for this problem. thanks
[jQuery] Slide in - slide out not working, am i silly?
Hi, No idea what I'm doing wrong, I hope its not something very simple.... I want to be able to click on the button with class btn slide and expand the "extra" Div, here is the CSS for hextra .extra{ overflow:hidden; color:#349ACB; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E6EBF1; border:2px solid #2297D5; *float:left; display: none; } here is the JS here is my code <script src="js/jquery.js" type="text/javascript"></script>
[jQuery] [New plug-in] magicpreview
Hi guys, I've just finished my new plug-in called magicpreview: http://rikrikrik.com/jquery/magicpreview/ It's for use in forms and it automagically updates selected elements on your page based on your form fields. Perfect for letting your users see what they're doing when filling in forms. There's a couple of demos on my site too. I'd love to hear your feedback and comments on my plug-in. Thanks, Rik
[jQuery] appendTo Weirdness
I'm seeing some strange behavior with appendTo. Specifically, if I append an object to two items, it only appends the object to the last item. If I append it to three items, all are appended correctly. Here's some code to show this off: SCRIPT $(function() { var commandLink = $("<span>[Command Link]</span>"); $("#container1").append(commandLink); $(".container").append(commandLink); }); HTML <div id='container1' style='background-color: Yellow; padding: 10px;'></div> <div id='container2' class='container'
[jQuery] Selector don't work when adding html to page
Hi people: The Selector work fine in the page however when a load data from HTML archive the Selector don't apply for this. TIA, JETM The Code: In tag head: $(document).ready(function() { // Change attr to _blank for open in new Windows $("a[@href^='http']").attr('target','_blank'); $("#action").click(function() { $.ajax({ url: "update.html", success: function(data) { $("#text").html(data); }, error: function(rhx, err, e) { $("#text").html(rhx.responseText);
[jQuery] asp.net and jquery - reactions to this letter
A friend had sent this rant in to microsoft, regarding jquery, which is published on their developer site. Not being an asp.net developer, I don't know what to make of his points. I'd be interested to hear from some asp.net developers who have embraced jquery - is it truly a monster? http://reddevnews.com/response/response.aspx?rdnid=1189 Thanks!
[jQuery] [QUnit] how to test fadeOut is applied
I have this super simple method that I'm trying to test. $.fn.updateWaitState = function(message, callback) { return this.css('color', 'red').html(message).show().fadeOut(1000, callback); } I want to make sure that the "fadeOut" is called. Here's what I've tried: with(jqUnit) { test("updateWaitState shows and fades element", function() { var wasCalled = false; $("div.mydiv").updateWaitState("This is a message", function (wasCalled) { wasCalled = true; alert("Called
[jQuery] ajax image upload
I am using http://www.phpletter.com/Demo/AjaxFileUpload-Demo/ It work very well, but I run into a problem i have it return the value of the new uploaded image after it rename in the server, I found my display problem but i have no clue how to get around it. the element on the page ajax return is $('#preview').attr("src", data); but data instead of being "/maui/members/members_998_28.jpg" it show up as "/maui/members/members_998_28.jpg" and that why it can't be found on the server. my page use utf-8
[jQuery] Executing Dynamic Javascript
I have an issue that I initially thought was a jQuery problem, but after simplifying things in preparation for posting my question, I see that it's a fundamental javascript matter. I don't understand why this works: http://pastebin.com/m3a767745 but this doesn't: http://pastebin.com/m346451b4 Note that the "external.js" file is just a single alert statement. What I'm trying to do (with javascript) is create a <script> element, place it inside a particular element and execute it. Thanks, -Rob
[jQuery] edit an onclick attribute to create a php query string
Should really do more reading but at the moment I haven't got the time so I would appreciate any help I can get. Overview: I have a form (with the default submit turned off) that takes user input and adds each form entry into a table below the form. The user will then review the list of entries to be uploaded and then clicks an upload button to upload it to the mysql dbase. My problem: The button I am using is an anchor tag, with the attribute onclick. I want to take all the entries in the table
[jQuery] Use event.target.id to show div's based off what id was clicked
I was able to use an alert to show the id of what was clicked! But Im trying to show/hide elements based on what is clicked. So for example, if you click link 1 (id="1") - all div's with id="1" will show, but div's with id="2" will be hidden. I can get everything to show, but not just id="1". Here is my code, what am I doing wrong? $(event.target.id)show(); $(event.target.id:not).hide(); Here is the full code: //grab values from attributes assigned in xsl var qtID = $(this).attr("id"); // make id
[jQuery] jQuery Uploader Flash player 10 fix
Guys; A lot (8) people have allready asked me if i was going to fix the mess Adobe made and my answer is yes, i am working on it. This post is to assure you that the jQuery Flash based uploader i wrote in 2006 has been revived. The project will no longer be based on swfupload, since i added way to much code of my own into it. The new version is (looseley) based upon YUI uploader component, and off course i've taken a peek to see what FancyUpload does in their code. To be honest; they are both very
[jQuery] loading css in the ready() function
Hi, I want to load the flora css on the fly in the ready() function : $(document).ready(function(){ $("head").append('<link rel="stylesheet" href="http://dev.jquery.com/ view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">'); $("body").append('<div id="main" class="flora"></div>'); $("#main").dialog(); }); When the dialog is created I get an exception in the jquery file in the attr function : invalid argument. At this line : elem[ name ] = value;
[jQuery] jquery.cycle centering image
Hey, I'm fairly new to JQuery so pardon my ignorence. I've been working on trying to get an image rotator that fades a number of images in an out using the jquery.cycle plugin. It works fine, however the images that will be displaying are different in height and width. I need to fade the images in and out and ensure that they are always in the center of the div and do not exceed a maximum height or width. I got it rotating, however I cant get the images to stay in the middle of the div. If I add
Next Page