[jQuery] jQuery Clash with other javascript?
Hi, So I'm trying to create a simple overly but I think i'm doing something wrong with the ordering of my javascript or something, the page is http://blackpaint.co.uk/BlackPaint09/offline/flash-background/index.html here is the overlay by itself (working version) http://blackpaint.co.uk/BlackPaint09/JquearyTESTS/Delete.html which is this: <script src="cdn.jquerytools.org 1.0.2 jquery.tools.min.js"></script> <script src="../../Scripts/swfobject_modified.js" type="text/ javascript"></script> <script
call a php page using jquery and ajax get
Hi guys, I need help here... I have this problem how to call a php page (that's updateDB.php) using jquery and ajax... I have my code here: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>FANCY EDIT-ON-PLACE</title> <style> .input { color: #f00; background: #00CCCC; width: 400px; } div button{
Jquery Autocomplete Plugin onItemSelect not firing
I am using Jquery Autocomplete Plugin. In which I am fetching values from database and get loaded in list Whenever I select any Item It should do the postback is must for my requirement. I have written an javascript for it. which I have called on OnItemSelect but for what reasons this event is not firing at all. I have added simple alert message to test but still it is not firing. What might be the cause can anyone help me out from these? I would appreciate the help Following is the autocomplete
[jQuery] calling a jQuery function from RJS/onclick
Hi, Im using jNice (a jQuery plugin) in rails. I have the following jQuery function on the head of my page. <script type="text/javascript"> jQuery.noConflict(); /* calling jNice on document ready */ jQuery(document).ready(function($) { $('div.jNice').jNice(); }); ..... </script> On page load, this gets called correctly. Now there's a link on the page that lets me add more rows and i do this via RJS. Here's the code. <tr id="empty_item"> <div id="plussign"><%=
Does anyone know how to do this form?
Hi, im sorry im new to this. I am not sure if this form is considered jquery: http://go.brightcove.com/forms/training-inquiry/ However I would like to know how to setup a form like this, and what the code would be and how would i have the form go to my email address? is that possible to have it exactly how they do it? thank you!
When clicking a link, getting value from it's parent's child
I have the following code <tr> <td><input name="test" type="hidden" value="1" /></td> <td class="icon"><a href="#" class="delete"><img src="images/action_delete.png" /></a></td> </tr> and once the delete button is clicked, I need the value from the input. $(".delete").live("click", function(){ var id = $(this).parent("tr").children("input").attr("value"); $(this).parent("tr").remove(); }); However, I cant seem to select the input's value.
[jQuery] li/img click and window.keydown
Hi everybody ! I have a jqModal window, and I would like to close it using the ESC key. For that purpose, I assign my modal a keydown() event, and if keyCode == 27, I close the modal. It works fine, except when I click on another element in the modal first.... I have to press 2 times ESC : the first time removes the focus from the element, the second time goes through my listener and closes the modal. In my modal , I have an ul/li list, each li containing an img (for the purpose of an image gallery).
[jQuery] How to check status of image loading ?
Hello, I use JS to change src of <img> to load different images from remote server in the same object. if the image is available then everything works perfect, but when I cannot download image the <img> becomes blank (as expected). My question is, can I check somehow if image is not loaded (ex. error 404) ? So if no image can be downloaded i could display something like 'image not available' instead of blank screen.
Comprehensive Tutorial or Help on JQuery UI
Does anyone know where i can find a comprehensive tutorial with sample demo on how to use all the Options, Event and Method for each of the JQuery UI function. I m new to Javascript and JQuery. Thanks
[jQuery] JQuery lightbox plugin through we can show flash in overlay..
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#666666"> <font face="Calibri"><big><font color="#666666" size="-1"><big>Hi Is there any jQuery light box plugin by which I can make my flash look in the overlay window. I had searched for one named </big></font><small><font color="#999999"><font color="#666666">fancyZOOM .js but don't know why it is not working for multiple flash in a single page. any body having any idea pls reply
[jQuery] getJSON response limit
I'm employing the getJSON call in a site I'm working on, but I'm having a problem with the response not coming through if it is too large. I've read a number of posts talking about the request string being too large (forcing a user to use POST), but what about the response string being too large? Would switching to POST fix this? The data coming back could be broken down into smaller portions and requested separately, but this seems like way overkill for what I'm needing to do, not to mention that
[jQuery] validate | Validation not Initiating on Pressing Enter Key on IE8
Hi, Form is not getting validated on Pressing Enter Key only on IE8. However its working fine on IE7/6, & Firefox. I am showing this form on mouseover (So initially form display is none & on onmouse over of a link form display property changed to block.) Thanks, Prabir
[jQuery] Multi-Purpose MySQL Lookup Script inside
I have been struggling with the validation plugin for a while. And I finally got it to work. As a result I created a multi-purpose lookup script. I hope this comes in handy for someone else. This script can be used for the validation plugin or for returning field values back to your jquery event. The script is quite short and I provided some documentation and examles below the code. It is only meant to find 1 record, but you can enhance for your needs. LOOKUP.PHP <? include("config.php"); $table
looking for a jQuery Form -
Hello Glad to see a jQuery forum - I love this jquery stuff! Anyway, I am looking for a form that is really cool. I need this form for a lot of user input, more than just name email comment - I have found a few and they are kinda cool but I am not an expert at this either.. I know a lot but run into a little trouble adding fields in the PHP part of the code. I guess my question is really.. is there a user friendly jquery example downlandable code that is easy to understand? I can and will spend some
[jQuery] Conditional form element with dropdown box
Hello, I have been searching for a few days a way to have a form element slide down ONLY IF a certain option in the dropdown is selected. I have found resources using radio boxes and check boxes, but none with dropdowns. Thanks!
[jQuery] [ANNOUNCEMENT] jQuery LargePhotobox plugin
Hi everyone, Yesterday I released the first public release of my jquery.largephotobox plugin. I've posted it on the google code page: http://code.google.com/p/jquery-largephotobox/ Demo page: http://www.interag.net/largephotobox
[jQuery] tablesorter help?
I have two custom parsers, one works on one column but not on another. The second parser is working fine. Example: http://jquery.magiclamp.net/tablesorter.html Cols 2 and 3 have the exact same data, use the same parser, and yet sorting on col 2 works but sorting on col 3 returns Sorting on 3,NaN and dir NaN time:,3ms Rebuilt table:,1ms Any clues? Thank you for an awesome plugin!!!
How can I retain text in my textarea with Jquery?
Hi everyone. I have a webpage I've been working on and it utilizes jQuery Autoscroll. You can view it here http://www.drewwfilms.com/Temp/Contents ... test3.html I'm having a problem and I can't figure it out. I have a text area. I can put text into it and it will scroll. However, when I go to File>new window to create a new identical but separate webpage the text which I just typed into the autotext area doesn't get copied over. Everything else does. Why is that? How can I fix it so that it will
[jQuery] Simplemodal ajax dialog
Hello everyone, Using the simplemodal plugin I create a dialog dynamically from links using $(".dialog-link").live('click', function(e) { e.preventDefault(); $.get($(this).attr('href'),function(data) { $.modal(data, {onOpen: open, position: ['10%','30%']}); }); }); (FYI: the onOpen callback just sets some height) The document returned by the ajax call (contained in data) has some jquery calls to datepicker, etc. But when my dialog displays
[jQuery] Sluggish innerfade transition in new browser versions
I'm using jQuery 1.3.2 and the latest version of the Innerfade plugin: http://medienfreunde.com/lab/innerfade/ I'm transitioning through 8 large images (1024x368) with the fade option. With Safari 4.0.2 the transition is very sluggish, making it look like it's running about 5 fps. With Firefox 3.03 it looked great, as the plugin normally does with smaller images. I upgraded to Firefox 3.5 and now the transition looks just as bad in FF as Safari. Has anyone come across this and has any solution? Thanks
[jQuery] New to jquery, multiple .js files not running
I am very new to JQuery and to scripting in general so bear with me, this might be a very easy fix and I dont know it. I believe what Im trying to do is about as simple as jquery gets... Im building a simple portfolio site for myself and I am trying to use the .hide() and .show() methods to hide and show the various sections and subsections. I have one file panels.js which is working fine on its own to hide and show the main sections. But a second file gallery.js, which is supposed to control the
Need help with scrollTo
Hello All, I'm a newbie to web programming and would really appreciate any help with the scrollTo plugin. The problem I'm facing is I have a bunch of questions and answers for each of these. I lose the scroll position on clicking the answer to any question. Here's my custom Js Code - Ignore the alert jQuery(document).ready(function(){ jQuery('.answer').hide(); jQuery('.show-answer a').click(function(){ var position = jQuery(this).parent().position(); jQuery(this).parent().hide();
Validate a text input to not accept numbers
I have searched the internet and couldn't find a problem regarding this issue. The thing I want to do is simply validate a text input so when you enter a number in it, it won't validate and give you an error message. This is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Simple Form Validation</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"
[jQuery] more VALIDATION issues
OK. the validation plugin is kicking my ass. as does every new thing I try to learn. FIRST: I need to clarify that there is a BUG up front so someone doesn't offer it as a solution. I am using version 1.5.5. It has a bug in the REMOTE rule/method so this is not an option to check for duplicate entries. And I know this because I set my lookup.php server script to a single line of ECHO "FALSE" but the validator plugin still adds a "valid" to the element class. Plus this was an issue in previous releases
problem with datepicker
hi is it possible to make the Query plug in (Date picker) retrieve the calendar contents from the server it self? because the server's date differ than the standard calendar format thanks
problem with `this`
What does this mean? $('ul:first',this) if i have to add more selectors to this object, how doi add?
[jQuery] Using :first and :last on the first children of an element
I have some simple tables with multiple <tr> rows. The <td> cells within these rows have tables of their own. I'm trying to target the <tr> rows of the first (parent) tables, like so (excuse the spacing): HTML: <table class="parent"> <tr> <-- match with :first <td> <table> <tr><td></td></tr> <tr><td></td></tr> </table> </td> </tr> <tr> <-- match with :last <td> <table> <-- ignore this child <tr><td></td></tr> <tr><td></td></tr> <-- so do NOT match this with :last </table> </td> </tr> </table> jQuery:
[jQuery] Jquery Remote Message is not showing up
Hi I am not sure what I am doing wrong I am using the Jquery.Validate plugin and it has a remote field so I did this [code] $("#mainForm").validate( { rules: { UserName: { required: true ,remote: "Test" } ,messages: { UserName: { remote: "UserName has already been choosen. Please choose another one" } } } [/code] the required works fine. It's the remote. I am using asp.net mvc and the path is right it hits my method [code] public bool Test(string userName) { return false; } [/code] it returns false
[jQuery] gallery question
Hello, First time posting here, so sorry if this has been covered to death, but I couldn't find anything via searching. I'm building a gallery page, that's setup like this: - carousel based horizontal image thumbnail navigation. - main div that loads, on thumbnail click, a high res version of each thumbnail image that exists within the carousel nav. so basically: <code> <div id="main_div"> <!-- high res image will be loaded here via ajax --> </div> <div id="carousel"> <ul> <li><a class="thmb1" href="###"><img
[jQuery] Table Manipulation
Hello Friends, I'm trying to create a dynamic table using jQuery - Manipulation/appendTo. Here is my code below: $("#btnAdd").live("click", function() { $("<tr><td><input type='text'/></td><td><input type='text'/></ td><td><input type='text'/></td></tr>").appendTo("#tblGrid"); }); The above code creates 3 textboxes in a row. When I check the HTML Source, table rows are not created, so when I hit the server (asp.net and c#), the row count is 0. Is this the right way to create a row or any other method
jquery with existing app
hi there, I've been asked to add several features to an existing app (in php) that is used by photographers to upload and display photos. in stand-alone test code I've build a couple of forms and grids using plug-ins that work well. when the form is loaded the options are defined, including the pre- and post- submit callbacks. I've put the form into the app's source code, but pressing the submit button causes only the pre-submit callback to fire not the post-. with the grid, there's a url option
please...PLEASE help me
Hey guys, I hate registering and asking questions strait away without introducing... So...hello, im Teln3t. I'm the designer/coder for E-ImageSite.com, and I'm currently revamping the Achieve portion of the website. I have a serious problem though that I've been trying to solve through the jQuery docs, and I absolutely cannot find what to do. What I've been attempting to code: 1. Click an <a> tag as a toggle(simple) 2. Select TD parent to the <a>(only one) 3. Use CSS to background-color: red; What
Please help my script work on newer jquery
I have posted my script onto this site here http://friendproject.isgreat.org/dragdrop/ I am in desperate need of upgrading this script, I removed all the stuff from my site so the main script is more visible. It currently uses jquery 1.0.2 and interface.js I have tried converting to newer versions of jquery but it breaks my script and I do not know enough to modify it myself, I have tried a few times over the past year to do it with no luck. If someone with a lot of knowledge could spare a few minutes
[jQuery] Question regarding jQuery.ready method
I have developed an FF extension that loads a few JavaScript files (one of which is jQuery) and attaches them to any given page being viewed by the user. The loading of the js files can ether happen during or after the web page had been loaded into the browser. Obviously, once the js files get loaded, I want to start doing some stuff and I wanted to use the jQuery.ready method to determine when the js code can start performing whatever needs to be done. However, it does not seem to get fired if the
[jQuery] trouble defining post variable when form element is dynamic
Hi there, I am having this problem but no real ideas on how to solve it. I have a edit profile form that is loaded using .load. Within it I have a form for editing email addresses with a list of email addresses above it, this is also loaded/reloaded as a callback when a state change in the emails occurs. The user can add emails, make an email a primary and delete emails. My issue is with deleting: $(".removeemail").change( function() { $.post("js/edit/edit_email.php", { task:
Ajax: 'parseerror' with XML being retrieved via php
If I open the php file directly, i get a properly formatted xml output, but when I use jquery's ajax method, it fails to parse the response. Here's the php file: <?php include ("dbconn.php"); $query = "SELECT name FROM mb_cities"; $result = mysql_query($query); echo "<response>"; while($row = mysql_fetch_array($result)) { echo "<city>$row[name]</city>"; } echo "</response>"; ?> Here's the ajax script: $(document).ready(function() { response = $.ajax({
[jQuery] Cross-browser problem
Hello everyone! I wrote this script and it doesn't work in IE6 & IE7 and Chrome, but works in last Firefox and last Opera. In IE it only shows first select options and doesn't list the rest two select options, and doesn't react on click event. In Chrome If i set all "current" variables to 0 it shows all data, but doesn't react on <option> click event. Firebug doesn't show any problems, tried to check all values with - console.log(); and they all contain proper values as it seems. Please help me to
[jQuery] News scroller
I have found thsi example made width mootools http://javascript.html.it/demo/javascript/5338/esempio.htm A similar plugin for jquery exists? Thank you
[jQuery] Navigation and sub navigation plugin
Hi , <div> </div><div>I did some navigation menu and sub menu using jquery ,</div><div> </div><div>like ;</div><div> </div><div>Menu1 </div><div> Sub menu1(some.php)</div><div> Sub menu2(some1.php)</div><div> </div><div>Menu2</div><div> (sub menu are hided inside )</div><div> </div><div>I written navigation and sub navigation code in menu2 also ,and also the SUBMENU1 AND 2 jquery status as SHOW() ,</div><div> </div><div> so i click the Sub menu1 then it call some.php and showing menu ,</div><div>
[jQuery] Selecting element where the href contains string
I'm trying to add a class to a <li> where the href within it contains a string. I can apply the class to the anchor without a problem, but I can't seem to select the parent. Is an anchor a child? <li><a href="random.xls">Random Stuff</a></li> In this case, since the href contains .xls, I'd like to be able to add a class to it. I've tried a variety of things, most recently this, but no luck: $('li has(a[href$=".xls"])').addClass('excel'); any ideas? Thanks
Next Page