[jQuery] FadeIn/Out position: relative in IE
Hello Everybody, So here is my issue. I have a container element that I'm fading in and out. It happens to have a child element that has position: relative. In IE (6, 7, and 8), when the container is faded, the entire element is opacity is changed except for the child element with position: relative. This is easily fixed in IE6 & 7 by adding position: relative to the container element. This does not, however, solve the issue in IE8. Does anyone know of a work around for this in IE8? Is there a better
[jQuery] problem with appending and removeing..
Hey all! I have a inputfield with the class .url. If the user types a url into the field it will be added to a list (function addurl) thats nor problem but if I want to delete a item it doesn't work. It seems that jquery doesn't accept it. if I add a list item manual it works.... Works: function addurl(linkurl){ $('.insert ul').append('<li><div class="remove"></div>'+linkurl+'</ li>'); }; $('.add').click(function(){ var linkurl = $('.url').attr("value") addurl(linkurl); $('.url').attr("value","");
[jQuery] search feature and sorting not working
Hey i am using flexigrid in my application the flexigrid gets loaded but when i search in flexigrid it is not getting loaded.. the problem is my page is not static all data comes dynamically throguh ajax.. here is the sample <div> <table id="list_table" border="0" cellpadding="0" cellspacing="0" class="display"> <thead> <tr> </tr> </thead> <tbody> <tr> </tr> </tbody> </table> <script type="text/javascript"> var arrays = []; var username = []; username[0] = "Abhilash"; username[1] = "kuldip"; username[2]
[jQuery] blockUI plugin:: scroll
I am using the blockUI plugin. I am facing a situation where a form that I am showing on top of the blocked page can be too long if the browser is not in full sreen mode. Does anybody know a way to scroll a blocking element? Currently, if you scroll, it scrolls the blocked page behind, but not the front blocking element. Thanks
[jQuery] RAiLS + jQuery - trying to get rid of Prototype...
I am trying to get rid of Prototype and use only jQuery... , made some progress but I am stuck now to what I use to do : I sent an Ajax request ( read the doc.. ok; I got it) "$.ajax({ url: '#{url}', async: true, type: 'GET', dataType: 'script'});" I land correctly at the url (show action) def show @library = Library.find(params[:id]) respond_to do |format| format.html format.js { } format.xml { render :xml => @library } end end the request.xhr? => true I checked (debugger comand) that the format.js
[jQuery] Draggable problem
Hi, I'm working with draggable, and basically what I'm trying to accomplish is having one item on my screen, that can be dragged anywhere, and uses "helper:'clone'", so it still sticks to its main location and can be cloned N times. It all looks good, but I just realized that although cloning is possible, it always keep the same ID. Also, when I drag it from one side to another it never stays where I dropped it, but stacks up on the left hand side. I've put up a quick example, so you can understand
[jQuery] problem: append([scrip-tag with source]) using evalScript with datatype script and async false is not synchonous
Hi everybody, I hope yomebody can help. I am using jquery's append-function to append text, to be parsed to dom-nodes and, in case of script-tags, to be evaluated. Internally jquery is currently using an ajax-call (in evalScript) in case a script-tag with src-attribute was found. It also specifies datatype: "script" and async: false - exactly what I need. I know most of you now would say, why do you want to call script synchronously??? I need it, since I am overwriting a function which is called
Adding a form element to the page, maybe using Ajax?
Hi guys, Not sure of the best way of explaining this, and don't even know where to begin to actually make it happen! I have a form on page1.php that will need multiple copies of page2.php to be placed or removed accordingly. On page2.php it needs to have a select box (populated from a database) and a text area that will be posted along with the information on page1.php Not sure if it'll help understand it, but basically page 1 has the employee's information, and they can add various details (and
[jQuery] stop jquery script until image is load
Hi Id like to now if its possible to stop a jquery script and continue it only when an image is load and disolayed? thks
[jQuery] Elements are still droppable while they're in the hidden part of a scrollable container
Hi guys , I got this problem, and I think I'm missing something You can check, i've put a example here : http://lickmychip.com/ => There, the hidden part is noticed with a dotted box. How to do it the right way ?
[jQuery] Advice needed on jQuery page to be built
Hello, all! Brand new to jQuery, although I have used some apps that use jQuery in it. I have a page I have to build using PHP and (preferably) jQuery. I have an immense array with anywhere from 100 to 10,000+ items in it. I'll have a page with 3 panes. The first pane will list the basic info for each record (date, time, description, etc). When one of those items/rows is selected (clicked on or radio button checked), I need to update 2 panes below it with data from the same array item chosen. Would
[jQuery] slideToggle jump issue
I have the same slideToggle effect in two slightly differents scenarios. Scenario #1 - There is a CSS rule setting with:700px for the whole scenario. Scenario #2 - There isn't a CSS rule for the width, so it defaults to 100% width. Issue: In scenario #2 all works fine. But, in scenario #1 the animation ends with a little jump. PS: If you resizes the window to a width less than 700px it works fine! Are there a fix or is this a bug? Live examples: scenario #1 http://jsbin.com/adavu/ scenario #2 http://jsbin.com/etoli/
[jQuery] Cycle - Problem setting a class for aditional slides
Hi there, I will try to post a question here, but I don't know if it will work because even though I haven't checked the "message is in HTML format" checkbox it continues rendering the text as HTML so it is getting harder to post some code in here... I'm using cycle in a personal project and I want all the images to be defined under a certain class, so I use this: opts.addSlide(' pics/photo'+(currentImageNum+1)+'.jpg '); Also in the initial pics: pics/photo1.jpg pics/photo2.jpg I'm using a function
accordian menu reveal more..
Hi all been looking into creating a menu like the one below: http://www.i-marco.nl/weblog/jquery-accordion-menu/ I have a top level nav with 4 items and in each one there are between 10-15 sub level items, to keep everything tidy i was wondering could i reveal 6 items only (as a static <li>) and then have a click to expand more. the only problem im coming across ( might be a major flaw) is that in the above example the menu when clicked expands down, leaving the top levelin between the first six
[jQuery] Make width of inner div equal outer
Hi all,<div> </div><div>I've got a problem with IE6 and I need to basically find the width of the "header" DIV and make the "secondLevel" DIV match it. So, I guess I need to target IE6 specifically in the code. Here's what I have:</div> <div> </div><div><div><div id="header"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><ul id="topNavigation"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><li><a href="/">Home</a></li></div> <div><span class="Apple-tab-span"
[jQuery] posting onclick a datepicker value
Hello: There is an onclick event that calls the changeStartDate, and passes in an ID. '<input class="InfoBoxLong datepicker" type="text" size="7" id="StartDate_' + TransactionOrderItemID + '" onClick="changeStartDate (\'' + TransactionOrderItemID + '\')" value="' + ActivationStartDate + '"></input>' + First time, it passes in the correct ID to function. It has the correct behavior the first time. But, after that, it keeps the old item id, even though a new id is received in the function. var ItemNoForDate;
[jQuery] can i use .load to return HTML but not inject in to dom?
I don't know if this is possible or not but i would like to use the .load method to return the contents of a file but not inject the code in to the dom because i want to use .replaceWith ( returnedLoadData ). here is what i have tried so far and i can return the data to e but the return false isn't preventing the return data from being injected in to #folders. $('#folders').load("../"+myModule+"/"+navTitle+"/folders/ index.php", function(e){ console.log(e); $('#folders').replaceWith(e); return false;
[jQuery] jquery Superfish and jquery corner
Hi, I am using the two jquery plugins jquery superfish nav-bar style menus and jquery corner for my course project which is due on this friday. I am having tough time with these, I have been working on these for last 3 days and I couldn't figure out the solutions to the following questions. These are the links to files http://fadiyaghnam.com/websites/superfish-1.4.8/example2.html CSS: http://fadiyaghnam.com/websites/superfish-1.4.8/css/ jS : http://fadiyaghnam.com/websites/superfish-1.4.8/js/ 1)
Draggable Problem
Hi, I'm working with draggable, and basically what I'm trying to accomplish is having one item on my screen, that can be dragged anywhere, and uses "helper:'clone'", so it still sticks to its main location and can be cloned N times. It all looks good, but I just realized that although cloning is possible, it always keep the same ID. Also, when I drag it from one side to another it never stays where I dropped it, but stacks up on the left hand side. I've put up a quick example, so you can understand
[jQuery] problem: append('<script src="remote src"/>') using evalScript with datatype script and async false is not synchonous
Hi everybody, I hope yomebody can help. I am using jquery's append-function to append text, to be parsed to dom-nodes and, in case of script-tags, to be evaluated. Internally jquery is currently using an ajax-call (in evalScript) in case a script-tag with src-attribute was found. It also specifies datatype: "script" and async: false - exactly what I need. I know most of you now would say, why do you want to call script synchronously??? I need it, since I am overwriting a function which is called
[jQuery] Html images not displayed within a jQuery load - Help needed!
Hi All, I have the following page: http://87.90.101.154/DesignAndCo/index.php?Itemid=38&option=com_virtuemart&lang=fr&page=shop.product_details&flypage=product_flypage_design_and_co&product_id=372&category_id=40&manufacturer_id=24 If you move the mouse cursor over the orange "Euro" image, a jQuery popup is opened but the images loaded are not displayed. If you invoke alone the page loading the images, they are properly displayed: http://87.90.101.154/DesignAndCo/index2.php?option=com_virtuemart&page=shop.product_payment_methods&product_id=372&no_html=1
[jQuery] validation
I am using jquery.validate.js by bassistance, I have some question regarding the date validation. I am developing a website that has registration, what I want is to filter the age of the user who wants to register, allowing only 13 years old and above. If the user typed a date that is in the bracket of 13-17 years old he or she needs to check a checkbox for parental consent, and if 18 and above no need to validate if check box has been check.
jquery only the first layer works (nested divs)
Hi, I'm a noob, but I hope there is a simple answer to this question. I have several links, which each show a particular div and hide others. Inside each of these divs I also have several sliding divs. Here is an example of my code. I have a separate file toggle.js which handles switching between the divs. <div id="regularbox"> <div id="commentbox1" style="display:none"> </div> </div>' <div id="userbox" style="display:none"> <div id="commentbox2" style="display:none"> </div>
Need 1.2.6 to 1.3.2 update help
Hi everybody! I've used the following script for a long time and wanted to update it to work with jquery 1.3.2. But I am not sure what has changed. $(document).ready(function() { $("li.switch1").hover(function(){ $("#switcher #pill").stop(true, true); $("#switcher #pill").animate( { left: "2px" }, 250); $(".scroll").animate( { left: "0px" }, 350); $("#steps li.step1").fadeIn("slow"); $("#steps li.step2").fadeOut("fast"); }, function(){$(this).addClass("done");
[jQuery] Superfish: some floated elements show through the menu
Hi, hopefully someone can help with this problem - see http://www.cosmiccupiddating.com If you hover over help in the menu in Internet Explorer, you can see the Advanced Search link does not disappear when the menu drops down. This wouldn't be so bad but it happens on other pages too, especially in the logged in area. I've tried calling bgiFrame. I've also tried setting z-index's in different places all over the css, but nothin seems to make a difference, if anyone can help I'll be massively greatful.
[jQuery] Difficulties with traversing
Hi there, I'm trying to fake a hover effect. The markup (roughly) looks like this: [code] <div class="left_col"> <h2><a href="/work/">Portfolio</a></h2> <div class="project"> <a href="/work/folio.html"><img src="folio.jpg" alt="View folio." width="230" height="110" /></a> <h1><a href="/work/folio.html">Folio Project</a></h1> Description… </div> </div> <div class="right_col"> <h2><a href="/work/">Portfolio</a></h2> <div class="project"> <a href="/work/folio-2.html"><img src="folio-2.jpg" alt="View
[jQuery] looking for a sortable draggable tree with jquery 1.3+ support
Hi! I'm looking for a tree widget for managing categories and nested sub categories in my application. But nothing i found seems to meet my requirements. I need to be able to drag one category to an other and sort categories in one group, I found some scripts but some of them don't work with jquery 1.3+ and the rest does no support dragging elements and sorting them at the same time.
Simple image enlarge issue...
Hi All, http://cssglobe.com/lab/tooltip/02/ I'm using this script to provide visitors with a nice enlargement of a product thumbnail. It works well and enlarges the image on hover. BUT I've found a usability thing with this. When someone hovers it's usually to go and see the product, but when they click they just see the image! Does anyone know of a script which will show an enlarged image on hover, but still allow a click to the destination? I've see this somewhere before but now I can't find it
[jQuery] Block Closes Abruptly With animate(...) Function
Hi, Earlier I found that treepluginview, http://groups.google.com/group/jquery-en/browse_thread/thread/773d6c6307eff840/ec8062b88f745e60?lnk=gst&q=treeview+collaspse#ec8062b88f745e60, didn't work well with IE7 or rather IE8 with IE7 mode. I traced it thru and the problem lies with animate(...) function and not so much to do treepluginview. I found setting the selector to the outer <ul id="tree"> rather than the <ul id="subtree"> block, the animation works for opening and closing the menu otherwise
jquery treeview
I have got the treeview plugin implemented in my code except that instead of showing lines it displays the normal ul li images. I am sure that there is a clash between what I have and what should be in CSS style sheets, but where? Currently all style sheets are included from external files, and there are quite a few in this inherited system, so if I knew what needed implementing I could do it inline thereby overwriting what is in the external.
[jQuery] Slide Hover Menu
Hi , I have simple problem . Two Div's - one is named "#naviHover" and second is holder for menu "#nav". i have this script in document ready : $("#nav").hide(); $('#naviHover').hover( function() { $("#nav").show().stop(); }, function() { $("#nav").hide().stop(); } ); Problem is that it jerks displays nav in fast ticks that are bad. Is there a way to do that diferent ? menu should be at bottom of page not working example is here - http://404.bdl.pl/artcan/ please help . Im new to jQuery scripting
[jQuery] jQuery slides causing CSS/Display issues in IE7 & 8
in the menu here - http://iceangel89.110mb.com/templates/em/1_index.html, the slides cause problems in IE7 & 8
[jQuery] RE: Firefox 3.5 Preloading Issue
I'm not sure if this is the best place to post this question, but I'm using jquery for this process and so I figured it was a start. I have a form that submits via AJAX and jquery. When the user clicks the submit button, the button is replaced with an animated GIF while it loads. I preload the GIF using CSS and display:none. This has worked fine in IE and Firefox 3.0. However, since I upgraded to Firefox 3.5 it appears that the preloading does not work as it did. When the button is clicked, you briefly
[jQuery] Last two list items aren't being displayed in jCarousel?
Can anyone tell me why this is happening? It looks like the width on ul#carousel is too short, and if I increase it in Firebug it reveals the last two thumbnails, but I don't know how or where this gets set. Could anyone shed some light as to why the last two items are getting cut off here? URL in question: http://bit.ly/jn2LI Thanks!
[jQuery] Form and Validation Plugins
I have created a new site that has a contact page and am trying to use the Forms plugin and Validation plugin. I can get the validation plugin to work fine and submit the form when it is valid but I am trying to use AJAX to update a div when the form has been successfully sent. All that is happening is it sends the form then validates meaning I get empty emails.. this is my code <script> // prepare the form when the DOM is ready $(document).ready(function() { var options = { beforeSubmit: function()
[jQuery] Image Map Coordinates with pop up or tool tip???
i have a circular image... with pie shaped areas. i would like to use some form of jQuery and either a popup or tool tip that is CSS customizable... i looked at maphilight in the jquery plugins, but i dont see how you can make a pop up with that... hopefully my request makes sense.. unless there is another method i should go about doing this.. thanks
Dropdown works in FF and IE but not safari, chrome & ope
I created a drop down menu (i think i followed a tutorial but it was so long ago i can't remember) which works 100% perfectly in firefox and internet explorer but not opera, safari and chrome. I really want to get it working in all of them though. Perhaps you might know what the problem will be. The Jquery Code: var $j= jQuery.noConflict(); $j(document).ready(function(){ $j(".message_body").hide(); //toggle message_body $j(".message_head").click(function(){ $j(this).next(".message_body").slideToggle(500)
[jQuery] jcarousel: How to call reload() as a result of user action outside of the carousel?
Hi, I have a question about jcarousel. I want to display three sets of images on a Web page, and I want to use only one jcarousel to do it. I want to change the list of images based on the user clicking on one of three links, each representing a set of images. How do I do this? I know I can edit the DOM to modify the list of items, but how do I call jcarousel's reload() function? Kevin P.S. I thought of using three instances of jcarousel, but that takes up too much screen space and requires the user
selector help with collapsable table rows
hi guys, Im making a table that has collapsable/expandable rows and im having a bit of trouble. i started using the code from this site http://www.jankoatwarpspeed.com/post/20 ... lugin.aspx but where as this one has one row which is clickable to reveal the one underneath it, i need to reveal the next 2 underneath. my table looks like this: <table id='expandable'> <!-- clickable row that revels the two rows below --> <tr class='master'> <td><div class="arrow"></div></td> <td
fadeIn() not working
I don't get it. This code works: fancyLogin.dimScreen = function() { $("body").append("<div id=\"fancy_login_login_box\"></div>"); $("#fancy_login_login_box").css({"position" : "absolute", "height" : "50%", "width" : "50%", "top" : "50%", "left" : "50%", "background-color" : "green ", "z-index" : "3", "opacity" : "0"}); $("#fancy_login_login_box").fadeto(2000, 0.5); } But this doesn't: fancyLogin.dimScreen = function() { $("body").append("<div id=\"fancy_login_login_box\"></div>");
Next Page