[jQuery] @import css with link now working in IE
Hi All, I have been tearing my hair out to try and get the following to work in IE - works great in FF, Safari and Mozilla. Basically I am trying to @import the stylesheet below to override only some styles and not the entire stylesheet when the user clicks the link. Please see below: <script type="text/javascript" src="/Portals/19/jquery-1.3.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#css-timesVerdana").click(function() { $("style[type=text/css]").text('@import
[jQuery] Drop down select problem
<div>Hil all ,i tried something like ,</div><div> </div><div>When i select the drop down value , that value related content will display into listbox,</div><div> </div><div>But when i select another value , old one will not disabled , how to disable the old one ,</div> <div> </div><div> </div><div> </div><div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"></div>
[jQuery] img tag wrap in p tags
All, im trying to get the syntax down to find all img tags that are NOT surrounded by tags and wrap those img tags in tags. I can get the selector to get all img tags and wrap it in a tag but i need to further take it to disregard the img tags that already are wrapped in pseudocode $(img parent tag not equal to p).each()..... thank you for any help you can give me.
[jQuery] Image/icon ajax toggle updating database
Hi, I'm building a site that uses some jQuery but at this point I haven't had to get my hands dirty in the code. I'm hoping to get some pointers on how to best approach this problem, or if a plug-in exists to point me that way. I'm anticipating I'll need to build the code though because of the specific nature of the issue. I have a two very complex MySQL data trees that need to cross reference. To handle the cross referencing I simply have a third table that links the ids of the large tables together.
[jQuery] Changing query string from ?key=value to /key/value
So im using this framework called CodeIgniter anyways it allows query strings but by default I have turned them off. Instead a url would look like this: www.your_site.com/controller/method/key/value/key/value... However jQuery or the plugin datatables that I am using is generating it like this: www.your_site.com/controller/method?key=value&key=value Just trying to figure out where all this magic happens so I can change it to my magic!
[jQuery] website review. help?
I am currently working on a site that uses jQuery throughout and I would like to have someone review it and let me know of some possible errors or other options. Here is the site: http://www.katart.biz/ae/ I know of a couple issues that I am already having. 1. Some functions seem to not fire all the time. I've noticed this only in Safari 3 and Firefox 3 on MAC. 2. The Side Nav CSS on the left is the last to load on the page which causes a flicker effect. I notice this only in IE7. Any other help
[jQuery] Parsing XML and appending to an array?
I'm new to jQuery and what I am trying to do is take the XML response below and obtain the src attribute from each image. I then want to append that value to an array which can be used later. Now my issue is when it gets to Code: $('response', returnedXMLResponse).each(function(){ ... } it only iterates to the first row in the XML document and gives me 001.jpg when I output tmpImageSrc to console. It won't cycle through the rest of the image tags as the alert only appears once with a value of 0.
[jQuery] Getting the text of an element: IE6 vs. FF3
I have some HTML: <a href="#" class="links">Link One</a><br /> <a href="#" class="links">Link Two</a><br /> <a href="#" class="links">Link Three</a><br /> And the following JQuery JS to test the "onclick" handler $(".links").click(function(){ alert( "this.text -> " + this.text + "\n" + //above returns "undefined" in IE 6 "this.childNodes[0].data -> " + this.childNodes [0].data + "\n" //returns expected text in FF and IE 6 ); Why does this.text work fine with FF but I need something more convoluted
Firefox Issue: obtaining dynamic image width
Hi I have written a script for thumbnail images. Based on the orientation and size of the container and the thumbnail image, it allows for the thumbnail image to be best centered and resized within the container. It works great in Chrome, Safari, ie6, ie7, ie8, Opera but firefox seems to have difficulty obtaining the width of the image after the first resize. On reloading the page Firefox will then present properly what it takes every other browser the first go. To see whats happening view: http://red-idesign.com/~washingt/
[jQuery] superfish and secondary/tertiary menu levels.
is there any way to have the superfish menus not hide 3rd level items ie level one a | level one b | level one c level 2 a level 2 b level 3a level 3 b level 2 c level 2 d etc...
[jQuery] Parent window grabs focus from popup in IE
I'm using the Autocomplete plugin and chaining some actions to the result. One of these actions is a popup, and the popup maintains focus under FF, but under IE the parent window grabs focus back when the form input is finally updated at the end of the chain by autocomplete. Example code: ---------------------------- <form> <input type="text" id="vendor" name="vendor /> <input type="hidden" id="VendoID" name="VendorID" /> </form> <script type="text/javascript"> <!-- $(document).ready(function(){
[jQuery] Parsing XML with IE?
The following example works great in Firefox, and Chrome but fails miserably in IE (6,7,8). I'm running JQuery 1.3.2 if it makes a difference: $('resp',"<root><resp>value</resp></root>").text(); That evaluates to "vaule" in everything except IE. Am I missing something?
[jQuery] Catch Errors from External Libraries
This is slightly off topic, but if anybody can solve this, it'll be this mailing list. The basic question is: Is there a way to catch an error thrown in an external js library so that I can continue parsing the remaining javascript on the page? The more detailed version is this: I'm using DotNetNuke (DNN) for my website. A module that I'm using include Scriptaculous, DotNetNuke uses a mixture of jQuery and MS AJAX. To avoid namespace pollution, the DNN folk have used the jQuery prefix for jQuery
[jQuery] Custom JSON sanitizing during $.ajax
Hello All, I am trying to complete an Ajax request in which PHP returns a JSON- formed string. One of the variables inside the JSON object contains a path, which contains backslashes. This seems to cause a problem because nothing in the success function seems to run. So, I tried cleaning the data using dataFilter, but cannot seem to get that to work either. Anybody have any insight on how to accomplish this? CODE: $.ajax({ async: false, type: "POST", url: ajaxHandler, dataType: "json", data: "action=getInformation&id="
[jQuery] Can the media plug by mike alsup display a statusbar?
http://plugins.jquery.com/project/media I am trying to use a jquery plugin to embed a large wmv video. I'd like to show a loading spinner or other statusbar but the player immediately appears and sits black while waiting for the video to load. Are there any options? Thank you! Doug McCaughan http://realityme.net/ http://twitter.com/djuggler Skype:djuggler
[jQuery] Ajax Timeout Usage
Question for the Group. When using jQuery Ajax functionality, how does the timeout work? Does the timeout start when the function is called or when the browser starts the request? example: (not jquery code) var a = get(pageA) var b = get(pageB) var c = get(pageC) var c = get(pageD) var e = get(pageE) var f = get(pageF) var g = get(pageG) And lets say that I have a 5 second timeout for each. This will queue up all the requests in the browser at once, but the browser can only execute a couple at a
[jQuery] validation showErrors error
I'm using the validation plugin to perform client side validation on a form that uses $.post. To be safe, I also re-validate all inputs on the server side. Ideally I'll never have a case where client-side validation passes but server- side validation fails, but in case I do, I want to display errors back that the browser. I have my server side code returning a JSON object. It contains a status, an errors object, and an info object. The errors object may contain multiple errors. $.post("ajax.php",
[jQuery] re-bind to DOM after DIV content replace - ajax
Hi All, I would like to ask you for help with some behavior with replace DIV content. I understood why it happens but I don’t know or I don’t clearly understood how I can fight against. When I use ajax jquery call $load and replace DIV with new html content I lost DOM binding for new html elements. I read some articles on internet or on docs.jquery.com and found why. Because new DIV content was load after all page is loaded so I must somehow ”register” new elements into DOM structure, and also i
[jQuery] Copy text between textbox
Hi all, having a form with a radio button and 2 textboxes, how can I make that when the user select one value of the radio button, the second textbox assume the same text value of the first textbox? Thanks in advance. Luigi
[jQuery] Change visibility as elements cycle()?
jQuery('#topfader-parent-forum').cycle({fx:'fade',speed:800,timeout: 6000,pause:5 }); That's cycle() plugin code that works. Question: how do you make each inner element -- .topfader-child-forum -- change its visibility to "show" as it's shown?
[jQuery] Not able to jqGrid and jquery lightbox plugin in a single page
Hi, I am not able to use jqGrid and jquery lightbox plugin in a single page. Its shows an error i.e. Lightbox was not able to find it's javascript script tag necessary for auto-inclusion. What does it mean ? Can someone help me ? Thanks Devesh M
[jQuery] Problems with special chars in jQuery Form plugin
Hi, I use the Form Plugin to store some user info in my database. When inserting the data i have some troubles with special chars. Words like Rëmkó will be converted to Rëmkó. I submit the data to a file like this $DB->query("INSERT INTO exp_members (screen_name) VALUES ('".$_POST ['name']."')"); Does anybody know how to fix this?
Jquery effects creating scrolling problems
I have two links half way down my page that triggers some slide effects and the effects work but for some reason the page jumps all the way back up to the top of the page at the same time. Is there anyway to fix this?
[jQuery] [treeview] - is rtl supported?
Hi all, I'm using the cool jQuery plugin Treeview, and I am trying to get it to work rtl instead of the default ltr. I am aiming for a "real rtl" in a sense that the tree nodes will open rtl too. Is it possible to achieve this using the plugin? Thanks, Or
[jQuery] cycle plugin pager - get started..
hi. i am interested in using the cycle plugin and i dnt know how to get started. <a href="http://www.malsup.com/jquery/cycle/pager10.html">http://www.malsup.com/jquery/cycle/pager10.html</a> i want to use this plugin. Now i dnt know how to get the nav links when i checkd the source there is only a <b>div id="nav"</b> but nothing in it..when i checked using firebug the li appears. How do i get started. The basic, simple cycle plugin works perfectly, but for this pager demo i dnt know how to get the
[jQuery] Destructive Event
Can anyone give me a definition of what a destructive event is in JS? When using .end() it undoes the last destructive event.... thanks
[jQuery] recursive dom walker
I am trying to write a plugin that will eventually match a specific string pattern on the id attribute of all form element(s) I aim to get a collection of all elements that I want to return for chaining I generate a regular expression on the fly based on the arguments passed in and use this to find an initial set of elements I have this returning jquery objects using this $(":input").filter(function() { //return this.id.match(regEx); return $(this).attr("id").match(regEx); }) this also works $(":input").filter(function()
[jQuery] The jQuery Object, Namespaces, and Program Modules -- Connecting the Dots Between jQuery and Javascript
QUESTION: I am looking for an article that explains the conceptual relationship between jQuery and Javascript. Can anyone point me in the proper direction? BACKGROUND: In my quest to understand why some things in my webpage work while others do not I found the following, very useful article about the YAHOO object, the creation of namespaces, and how to control the number of global variables -- namely, through the creation of modules that are based on a single object. jQuery appears to be just such
[jQuery] [autocomplete] remove dynamically
Hi, How do I remove autocomplete from the text box dynamically. I have a text box that will perform two kinds of searches depending on the context (don't ask me why, beyond my control). I need to remove previous autocomplete and attach new one. Difference is in the url that it goes against. Or maybe there is a way to change Url and some options dynamically? I've been trying this with no luck. It just keeps adding new autocompletes. This is markup after binding in aspx page. $("#rbClientName").click(
[jQuery] Need help! jQuery Mega Drop Down Problem...
Good morning all. I've been modifying a jQuery "mega menu" script for a site I am developing. The original script/menu can be found here: http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-jquery/ Anyway, with my version I can't get the two rightmost pull downs on the menu to stay within the confines of the 960px menu bar. My version of the script/menu can be found here: http://asitv.com/jquery/menu6/ Is there any "fix" to make the "Uniforms" and the "Weapons" pull downs not
[jQuery] How to move the DIV?
<pre><font size="4">Hi there, I am trying to move the div object, but it seems doesn't work. any ideas? Thanks <script language=<span style="color: rgb(51, 102, 204);">"javascript"</span>> $<span style="color: rgb(102, 204, 102);">(</span>document<span style="color: rgb(102, 204, 102);">)</span>.<span style="color: rgb(0, 102, 0);">ready</span><span style="color: rgb(102, 204, 102);">(</span><span style="color: rgb(0, 51, 102); font-weight: bold;">function</span> <span style="color: rgb(102, 204,
[jQuery] Document ready function and the browser forward/back button
Hi, I have a few document ready functions on my page. I don't want the functions to get executed if the page is loaded because the user clicks on the browser forward/back button. Is there a way to prevent the document ready functions from getting executed if the user clicks on the forward/back button? Thank you.
[jQuery] Multifile Upload and Forms plugin
Hi, I'm using the multifile upload plugin (http://jquery-multifile- plugin.googlecode.com/svn/trunk/index.html#) and I would like to be able to upload an image on file select. I.e. when a user selects a file from his computer the file is automatically uploaded (for preview purposes). What I'm trying to do is: ... <form id="user_image" action="update_image.php" method="post"> <input type="file" id="T7" name="mypic" /> </form ... <script> ... onFileSelect: function(element, value, master_element){
Internet Explorer problem: Can move objects only once
Hello! I'm using jQuery with the draggable interface from http://interface.eyecon.ro. I got a problem with the Internet Explorer (V8, not tested yet with lower versions): Once I've moved an object, I can't move it anymore. I still can move other objects, but the rule is the same: Only one move is allowed. Here is the relevant part of the code: <style type="text/css" media="all"> #myframe { position:absolute; left:256px; top:151px; width:700px; height:525px; background-color:#fff;
[jQuery] jQuery validate, need to require subset of fields with same name
This is regarding use of jquery validate plug-in. I have ten fields of type="file" with name="thumbs[]" I have added class="required" to the first three, but does not give the intended result. obviously i'm trying to require the first three of the ten possible thumbnails image uploads. how do i accomplish this? does jquery validate work with #id selectors? Many thanks Jason
[jQuery] Jquery [Validate plugin], validate without submit button
Im having trouble to validate my form because I'm missing a submit button inside the form, I submit my form by another link outside the form. <a href="#" onclick="document.validateThis.submit(); return false;">save</a> <form id="validateThis" name="validateThis" method="POST" action=""> <input type="text" name="name" value=""/> ... </form> Because I dont have a submit in my form the javascript doesnt get triggered I suppose, when I place a submit button in my form everything works just fine, btw
[jQuery] Disable checkbox
Hi all, using jQuery.Validate plug-in, how can I disable a checkbox when the user check another checkbox in the form? Thanks in advance. Luigi
[jQuery] JQuery intellisense with google hosted?
Hi there, I recently came across this article that explains how to make intellisense work with google hosted reference: http://blog.dmbcllc.com/2008/12/10/host-jquery-at-google-with-intellisense-support/ Basically I would like JQuery support in asp.net and be able to reference the google hosted version. Is this the way most people are getting this to work? Is there a better alternative? Thanks in advance Regards DotnetShadow
JQGrid with JSP
Hi, I want to provide the XML data to my JQgrid using a JSP, the way it is done using php in some examples. Can anyone please tell me, if it is possible and how to do it. I have been unable to find any help from the documentation available on net. Basically, this is what I am looking for, instead of example.php in url property { url:'example.php', datatype: 'xml', mtype: 'GET', colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'], ............. caption: 'My first grid' } can I provide the path
[jQuery] Bug in jQuery Multiple File Upload Plugin
Hello, I dowloaded the last version of this plugin that looks great. But here is the big big problem. I just tested the most trivial examples on the following webpages : http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Examples I checked the example : Customising the file list -> Example 8 A The original function associated with this example that only allows you to select one file : $(function(){ // wait for document to load $('#T8A').MultiFile({ STRING: { remove: '<img src="/@/bin.gif"
Next Page