[jQuery] get element under mouse
Hi Is there a way to get the element under mouse? thx
[jQuery] subclass
How do I create a subclass ? (function($) { $.fn.myname = function(){ return this.each(function(){ }); } })(jQuery); (function($) { $.fn.myname.subname = function(){ return this.each(function(){ }); } })(jQuery); $("#id1").myname.subname(); I get this.each is not a function
Link Tracking plugin + JSONP + Opera
Hi, I'm tryng to develop a link tracker, something like google analytics. The goal is to get a command like this: $('html').trackAllLinks(optional options); $('a').trackAllLinks(optional options); ... Now i developed a javascript that could do just what i need but the problem is it doesn't work in every browser as it should be. Because i want to track a link click i need to make a request to my server to say that the link has been clicked. The first problem i had was that i needed to make a cross
Form within a jQuery modal
Hi guys, I have been using modals for simple effects however now wish to have a form within a modal - Ideally i'd like the user to complete the form & once they click the submit button the modal closes and redirect them back to a 'results' page. Can anyone suggest how this can be done or point me in the right direction? Thanks in advance
[jQuery] jQuery Menu
Hi All, Can any one suggest me a best jQuery menu plug-in for the below requirements: 1. It should support Internationalization. 2. It should support Hot Keys.
[jQuery] hover over and out
Hi I have a main menu with submenu like this <form id="form1" runat="server"> <div id="outer"> <ul id="menu"> <li> <a href="#">Services</a> <ul class="subMenu"> <li><a href="pink_blue_slip.aspx">RTA </a></li> <li><a href="auto_service.aspx">Auto Service</a></li> </ul> and the jquery funtion $( function() { //hook up main menu list hover over and out actions $("[id$='menu'] li").hover( function(e) { $(this).children("ul").show(350); return false; }, function(e) { $(this).children("ul").hide(350);
IE8 bug (?) - slidetoggle -> disappearing margins...
Hi, I'm having the weirdest issue with IE8 (it works perfectly in all other major browsers - even IE6). URL to example: http://www.tvh.com/ie8/ie8.html What happens on this page? on "div.box span.slider" (upper right of each box) there is a click eventhandler which slidetoggles ".box-content", and changes the status image inside "span.slider". What is going wrong in IE8? in the IE8 viewport, when randomly slidetoggling a bit, you'll notice that the bottom-margin of the clicked "div.box" kinda disappears.
[jQuery] lightbox overlay pushed to bottom of page
I'm trying to add the lightbox plugin to a page and when the image is clicked the overlay and corresponding image are pushed to the bottom of the page wit the image below the overlay. The gallery div is nested inside a couple other divs and when the gallery images are clicked the overlay and lighbox divs are pushed to the bottom of the page instead of being absolutely positioned over the existing content. If anyone has some ideas on how to fix this I would like to hear them. Thanks, Jason
Selecting all descendants of currently selected element.
Hi all, I'm new to jQuery and I'm trying to write some code to hopefully fix ie6 issues with forms and buttons (you know the kind)... It's very rudimentary, and it doesn't work yet... My question is "what is the best way to select all descendant elements of the currently selected element, so that I can bind click() events to the relevant buttons?" Here's the code: /* * Only include this if browser is IE6 */ $(document).ready(function(){ $("form").each(function(){ // For each form: form
cant get an id
i create some code in a div of my site by external php script like this: $.post("myscript.php", function($data){ if($data.length >0) { $('#mydiv').html($data); } }); thats not a problem, i can see the code like this: <input id="myid-1" class="myclass" type="text" value="" name="myid-1"/> <input id="myid-2" class="myclass" type="text" value="" name="myid-2"/> <input id="myid-3" class="myclass" type="text" value="" name="myid-3"/> now i would like to get the id of a clicked
[jQuery] [jcarousellite] stopping and restarting the auto scrolling
Hello guys, Is there a way to stop a carousel (created with jcarosellite 1.0.1) when it has ben set up with auto-scrolling? I need to be able to stop it and restart it when a button is pressed. If I can't can you please suggest me a plugin that have infinite scrolling, auto-scrolling and I can stop/restart? Thanks and have a nice day. Sig
[jQuery] Jquery Treeview - trigger a collapse programatically
I'm using Treeview and I need to be able to tell it to collapse via Javascript (as in, from another function outside of the Treeview code). I have searced everywhere for a how-to and can't figure it out. I'm hoping someone can suggest a way of doing it.
Menu-color change, fade in effect - please help!
Hi guys, I'm new with js and very very new to this forum. I would be really appreciate it if you guys could help me out with this problem. I'm creating a page with the menu set to change color (fade in effect) when hover over. I'm using 2 different script for this function. The function works nice at first but after a few more times it stops working. The menu appear as I set it to be then It disappears when i hover over it and reappear if i hover back over it again even though the color change (fade
[jQuery] POSTing an html input field in an auto-complete jquery field.
yes i am new to the jquery world and have been pounding my head against the wall for over a day trying to get my working auto- completed text field's data to be passed here is my XHTML.. <body> <div> <form name="input" action="editCustomer.php" method="POST"> Customer Name:<br /> <input type="text" size="30" value="TEST" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" /> <input type="submit" value="Submit" > <div
[jQuery] Help with values being returned
I am receiving back values from google maps, the values returned are correct although I would prefer them to return in a different format. *** Code *** value = jQuery(".google_impnote").next("b").text(); value returns back a resault like so ValuesValuesTest I need to return the values to be something I can split later to an array for instance Values_Values_Test I am sending the value via the url through ajax to a php script that then decifers the results and sets prices to the values if the exist.
[jQuery] $ not recognized even though jQuery library referenced
I my ASP.NET master page I've got the following: <head id="Head1" runat="server"> <title id="Title" runat="server" ></title> <link href="~/Main.css" rel="stylesheet" type="text/css" /> <!-- jQuery Image Mouseover --> <script src="../js/jQuery/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="../js/jQuery/ImageMouseover/thumbhover.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("img[src*='_s.jpg']").thumbPopup({ imgSmallFlag: "_s", imgLargeFlag:
[jQuery] show()ing thousands of divs
I have a page with about 3000 (expected to grow to around 5000) floating divs. It's a list of entities. The page also has filters to allow the user to narrow down (no one wants to see 3000 items, of course). When all filters are removed, I want to show all 3000 divs. After every 2 of these divs, I also need to insert an additional div to "clear" the float. The problem is that $("div.mydivclass").show(); is taking a really long time. Any performance tips? The other interesting thing that's happening
[jQuery] Use a string within a load request?
Hi, I'm brand new to jQuery and learning as I go. I've searched a lot over the web regarding this and need some help. I'm trying to use a string within a load request. The code snippet is below: var myUrl = $trigger.attr('href'); "#jqmTarget".load(myUrl +"#lightboximg") This works, but doesn't load the selected div. When I enter the following: "#jqmTarget".load("lightbox.html #lightboximg") It works fine, so I know the code is fine. I just can't crack it and I'm sure it's really simple. Thanks in
loading and animating
Hi guys, I would like a little help on this : I’ve managed to make the comments appear below my entries with some javascript(jquery). I’m not very comfortable with javascript and I would like to add a bit of animation in it (like a slide down) Can someone tell me what i need to change in my code to do this. $(document).ready(function() { $("a.comments").click(function() { $(".comments_info").load('../site/comments/'+ this.id); return false; }); }); Where should I put the
[jQuery] Problem with IE - Trying to append something to the 'body'
I trying to append some text to an html using jquery and it works very well on FF, Safari and Chrome. On IE 6/8, it did not append even putting the code inside $(document).ready(). Any ideas? Cheers! <!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>Untitled Document</title> <script type="text/javascript"
jQuery 1.3.2 breaks "Browse XML w/ AJAX" example
I was reviewing this post on browsing an XML file with jQuery (a great learn, btw). I'm trying to use the same exact script, except updated to jQuery 1.3.2 - but it's not initially showing the first few books. I'm not sure what version of jQuery the example was written with, but its older, and works. Example: http://blog.reindel.com/src/jquery_browse/ I think I have it narrowed down to an issue with this filter: .filter(":gt(" + parseInt(curPos - 1) + ")") Give a shout if you have any insite as to
Selector issue:
I have search online all over for this and no solution so here goes: How to i select an element whose IS is taken from the link url of the clicked element: <!-- POST BODY --> <h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2> <span id="post-excerpt-<?php the_ID(); ?>" class="post-excerpt"><?php the_excerpt(); ?></span> <span id="post-content-<?php the_ID(); ?>" class="post-content"><?php the_content(); ?></span>
Coda Slider Query
Hi, This is my first post on here and have to initially admit that I am also a complete beginner on JQuery and only starting to try play with some plugins on my site. I hope this is the right place to post such a query (don't want to offend any advanced users here in my first thread). I'm just trying to look for a step by step guide for dummies style tutorial for the Coda Slider Plugin. I'm loving what the net tuts has done with it and would love to emulate that but for a few photographs at a size
getting prev() classname
Hi, Im stuck with something. I have a "Table drag and drop" jquery tool on my page, and have several drag and drops on that page. What i need is that the result of that drag and drop is set to a value of an <input> field. The name of the input fields needs to be variable. This is the HTML: <table cellspacing="0" cellpadding="0" id="variablename"> <tr id="ocr" class="variablename"><td width="594">1. OCR</td></tr> <tr id="boeken" class="variablename"><td width="594">2. Boeken</td></tr> <tr id="archiveren"
Need Help Passing Variables Using Post
I have a div on my page that is populated by a php calendar. The calendar also has month and year input fields so that the user can browse to different months. I would like to create a jquery function so that, when a user changes the month or year field, the div reloads the calendar and passes the selected month and year variable back to the php script. Here is what I have on my page: <head> <script type="text/javascript"> function startCalendar(month, year) { $("#calendarDiv").load("calendar.php");
jquery: why won't it work with more than one var?
I'm trying to pull some elements and rewrite the html using jquery. It works if I just do it with one variable, but when I try to add more than one, it returns [object][Object].... What's wrong? $j('#hp-featured-item > div[id^="post-"]').each(function() { var id=this.id.match(/post-(\d+)/); var imgt = $j("img:eq(0)"); var pt = $j("p:eq(0)"); var hh = $j("h2:eq(0)"); // If I do just one element, it will correctly print out the
[jQuery] Cleartype issues with jquery/superfish in IE8
There is a flash of anti-aliased text quickly followed by cleartype in IE8 causing an abrupt text shift in the superfish dropdown menu (and I assume many other instances that use a jquery or js fade?). How is this fixed or can it be? See for example the text shift here when the dropdown appears: http://users.tpg.com.au/j_birch/plugins/superfish/#sample1. If this is not a fixable thing, is there a way to completely kill the fade (I have tried to have it fade in quickly but this does not help the text)
JQ sliding embedded flash files
I am using show/hide slilders on my web project and when I have a flash file in the hidden division it does not behave in the same way. It does not fade in or out. Also when using firefox or opera the flash file either remains visible until all of the div has disappeared or it appears instantly while the div slides normally underneath. Does anyone have a work around for JS sliding embedded flash?
animate chaining isn't working
When I click the background image, f1 gets called and executes as expected, but f2 doesn't get called after the animation in f1. What am I missing? Drupal.behaviors.director = function(context) { $("#background").mousemove(function(ev) { var x = ev.pageX; var y = ev.pageY; $("#coordinates").html(x + " - " + y); }); $("#background").click(function() { $("#background").animate({marginLeft: "0px"}, 0, function(){f1();}); }); function f1() { $("#Master_says").html(""); $("#WeedWhacker_says").html("");
[jQuery] Dynamically added dom object does not works with jEditable Plugin
I downloaded jEditable from http://www.appelsiini.net/projects/jeditable I have run the code as $(".cont").editable(function(value, settings){ return value; },{submit:'OK'} ); Afterwards for some reasons, I add the following code $("body").append("<div class='cont'>aaaa</div>"); But the editable does not works on the same Then I tried to modify the line in the plugin by including livequery plugin by changing a particular line from ------------------------------------------------------------------------------------------------
[jQuery] Show/hide effect div on mouseover
Hi, I have a CSS menu that I created using div that current appears using the hover function in the CSS. What I would like to do is incorporate javascript to utilise the effect of fading in when the mouse moves over the 'menu' text and then with a delay fades out when the mouse moves out of the menu area. Is this possible? Please advise... Thanks
[jQuery] jQuery - Random Selection
Hey, At current I'm building a site in co-operation with 5 of my close friends. On our homepage (See here: http://www.dotcommon.co.uk/index.html). You'll notice a bio box with 6 names down the left hand side and, thanks to jQuery, when these are clicked the bio box loads different information about each of us (Which is stored in my jQuery tabs file here: http://www.dotcommon.co.uk/js/tabs.js). Unforunatley when the page loads it always displays Ross' information as his is noted in the HTML file (Lines
JXT - Javascript XHTML tags framework for jQuery and Ext
Hi everyone! This is my first post here, and is to announce my project: JXT (http://www.jxtproject.com/). JXT is a framework based on custom XHTML tags, which let you use jQuery and Ext functions and widgets (plugin) without writing a single line of javascript code... and it doesn't require programming skills other than XHTML. You can use a plugin by writing the following markup in your page: <jxt:widget name="datepicker"> <jxt:cfg name="dayNamesMin" type="array" value="'do','lu','ma','me','gi','ve','sa'"></jxt:cfg>
[jQuery] wrap siblings between 2 specific tags
How do I wrap repeated sets of [ <h3> followed by other tags ] in a div? example: <h3> ------------- <ul><li> ------------- <h3> I want to wrap everything between the lines in a single [ <div class="test"</div> ] ? The # of tags in between the lines ( i.e. # of tags following <h3> ) will vary after each <h3> tag. They won't all start with a thank you how do I wrap
[jQuery] Slideshow inside "Accordian"
Am I crazy to try this? I'm trying to see if I can put a slideshow (any type.. I'd like to maybe just use a slideUp/slideDown shuffle of photos onClick) in an accordian type navigation. Here's the page. Tell me if i'm crazy, I'm new. Thanks in advance. =) http://fromdavy.com/jtran/
[jQuery] Help adding a timer to the innerFade plugin ?
Hi everybody. I'm using the innerFade plug in [1] as a news ticker on my site [2], but it will be more usable if i show in a corner of the news area a timer that says to the visitor how much time (in seconds) must wait before it shows the next news. Somebody has done something like this with this plug in? What do you suggest? Thanks in advance for all your help. [1] http://medienfreunde.com/lab/innerfade/ [2] http://www.alexertech.com/ -- Alex Barrios
[jQuery] Plugin for Complex Forms with Dependent Elements?
Hi all, I'm looking for a JQuery/Ajax plugin for a form I'm building on a Rails site. I've come across a good deal of resources, but still looking for something that matches my needs. I'm new enough to coding that rolling my own isn't realistic. Here's what I'm trying to do: - User selects a product from a pre-populated list. They can't add new ones. - The selected product triggers a set of varieties that are dependent on the particular product chosen. The user may select (i) no varieties, (ii) one
[jQuery] jquery codeigniter upload question?
hi guys, I never knew of this place but I am glad I did. My question like the subject says is about uploading. I was trying to do the jquery ajax part myself but i had problems with it and so I stumbled on form plugin from malsup. What i want to know is this, is there anyting special that I should know cos the explanation is very scanty. How does the form plugin affect my underlying CI code that works already in uploading files. Thanks and God bless
Help with jquery ui tabs, jquery address, and pager plugin
I have searched through a lot of the similar questions on here, and tried many things but I am still stuck. Note that I am relatively new to jquery. What I want to do is use jquery ui tabs (with jquerry address - for back button and bookmarking). I have this working no problem. Inside each tab, I am trying to use an jquerry ajaxpager plugin. Now my problem is this. load the example page from link below. Click tab 2, click tab 1, and now try clicking tab 2 again..... tab 2 will not work............
[jQuery] ExtraParams and caching
Hi, I think there is a bug in autocompleter, when you use extraParams. The cache logic is just wrong because it takes extraParams not as a part of cache key for lookup, so when you issue a request for "a term" with any parameters, the second search for "a term" will return cached results regardless of extraParams. This causes problems for example when we use a checkbox state as extraParams value. The only way around this is to use cacheLength: 0, but adding extraParams to cache key should not be
Next Page