[jQuery] Superfish: Inconsistent space between 1st level list items
http://www.jeremyschultz.com/client/orchardplace/website/beta/ I deployed Superfish for the menu you see at the top of this webpage, and it works pretty well except I cannot apply a consistent space around the 1st level list items. margin-right should do the trick but it doesn't work with any CSS rules I've tried. It looks like the list items that don't have a 2nd-level ul have the proper margin-left but those that do have extra space. Jeremy jeremy@jeremyschultz.com
[jQuery] Help on jQuery plugin
Hi All, I have a plug-in that adds onclick event to an element, below is a snippet? jQuery.fn.showBox = function(options) { var options = {title:"the title",content:"the content"}; return this.each(function(){ var obj = $(this); obj.bind("click",function(e){ // perform dynamic div show // add and show a div box below element }); }); } Now here is my question, is there a way I can make the same function so that I can call it as a method of jquery without recreating the code for adding and showing
[jQuery] JQuery Form plugin AND DataTables plugin
I am using the DataTables Plugin on a table. Each row in the table contains a form. I am using the sAjaxSource initialisation option to retrive a JSON string from the server. I now want to add the JQuery Form event ajaxform to each form in the table. I think I have to use JQuery's Live event but I need some help in writing the correct javascript for the Live event. ========== Here's my xhtml code right now: ========== <table id="datatable"> <thead> <tr class="headerrow"> <th
[jQuery] Problem invoking jqmHide on a jqModal
I'm trying to convert a Thickbox iframe setup to a jqModal div. While I can load content into a jqModal dialog. I run into a problem trying to explicitly close the dialog. Per Firebug: $("#dialog").jqmHide is not a function (9 out of range 6) Has anyone ever seen seen this before? I'm running the latest jqModal and FF 3.0.10. Been beating my head against the wall on this one. function hideModal() { alert( "hideModal invoked" ); $('#dialog').jqmHide(); } ... $('#dialog').jqm({ajax:URL, onLoad:myLoad,
[jQuery] text of first sibling of a parent...How do I get it
Still a newbie. I have this: <table> <tr> <td> text I want to get </td> <td> </td> <td> <div id="knowndiv"></div> </td> <tr> </table> If I have the div with id of "knowndiv" as an object (call it "obj"), How do I get the text inside the first <td>?
[jQuery] Binding one function to multiple events causes overwriting?
If I set up some functions like this: myFunctions = { foo: function() { alert("Foo"); }, doFoo: function() { myFunctions.foo(); } } And then in .ready() make the following calls: $(window).bind("eventFoo", myFunctions.foo); $(window).bind("eventBar", myFunctions.foo); From the documentation, it seems that calling either $(window).trigger ("eventFoo") or $(window).trigger("eventBar") should both cause the alert box to display. In practice I'm finding that "eventBar" is the only thing that works, and
[jQuery] [treeview]
If you look at http://docs.jquery.com/Plugins/Treeview/treeview the demo is confusing because it shows a folder called New Sublist but the tree that displays in the demo has a folder called Folder 1. It's not until you view the source do you realize that the two have nothing to do with one another.
[jQuery] Using Javascript and stylesheets in an element with injected HTML
I have a injected remote HTML file (via the .load() method) in my page that needs to use some Javascript functionality and rel stylesheets that have already been included in the wrapper page (the HTML page the remote HTML file was injected into). I thought the injected HTML file would use the already loaded scripts and stylesheets in the parent page, however it seems I was wrong. I have tried including the rel stylesheets natively to the injected HTML by editing the markup however this doesn't seem
[Beginner] Dropdown
Hello, I have this dropdown menu. But, it tends to jump a lot around and go crazy when I'm using IE! Can anyone help me with fixing this rather annoying error? It looks like this in IE. My code dropdown.js $(document).ready(function() { $('ul#nav > li').hover(function() { $('ul:first', this).slideToggle('fast'); }, function() { $('ul:first', this).slideToggle('fast'); }); $('ul#nav li li').hover(function() { $('ul:first', this).each(function() { $(this).css('top', $(this).parent().position().top
Cant figure out this effect
I want to recreate the navigational effect on this page: http://melissahie.com/ not sure if this can be done with Jquery..can anyone help me on the way and point me in the right direction.. im new at this... thanks!
[jQuery] jQuery Cycle Plugin - Prev/Nex inside loop container
Hello, I tried to use Cycle Plugin, and it works great. I have the "Previous and Next" navigation work without any problem. This is the code I have: ----------------- <script type="text/javascript"> $(function() { $('#feat-container').cycle({ prev: '#prev', next: '#next', timeout: 8000, // milliseconds between slide transitions (0 to disable auto advance) speed: 2000, // speed of the transition (any valid fx speed value) delay: 0 }); }); </script> <div class="feat-container"> <div class="featloop">
[jQuery] [treeview] documentation
The documentation for the treeview plugin consists of examples, but I wonder if anyone has written some narrative about it?
[jQuery] Accessing generated (= by a jQuery function) links
Hi there, for an introductory article regarding jQuery I have done the obvious and shown how to do a slide show of pictures (nothing as fancy as lightbox :-). The application consists of 1 HTML, 1 JavaScript and one PHP file. Provided, I include <div id="liste"> <ul id="fuerbildernum"><span class="bildervorsatz">Bilder</span> <li><a title="Bild 1 von 9 [hafen]" href="images/hafen1.jpg">1</ a></li> ... <li><a title="Bild 9 von 9 [hafen]" href="images/hafen9.jpg">9</ a></li> </ul> </div>
DOM manipulation
Hi, I am working on getting my pages to load dynamically using jquery and ajax. I have the content loading in the main div. My problem is that the side bar div has images that go with the different sections. How do I change the images based on the menu selection? So if the user selects about us the image with change and the default home the image will change to or back to the original? Thanks in advance! Tim <script type="text/javascript"> function loadContent(id) { $("#content").load("pages.php?o="+id+"");
[jQuery] Inner HTML on a .bind()
My page basically puts in a few YouTube videos on my page <object class="YTV" ...><param ...></param><param ...></param><embed height="" width=""...></embed></object> <object class="YTV" ...><param ...></param><param ...></param><embed height="" width=""...></embed></object> <object class="YTV" ...><param ...></param><param ...></param><embed height="" width=""...></embed></object> In my document ready function I do the following $("object.YTV > *").bind('click', function(e){ alert( $(this).html()
[jQuery] Slide up and down effect on absolutely positioned elements
Hi all,<div> </div><div>I'm having some trouble with the slide up and down effect with JQuery. Basically, I have an element that is absolutely positioned -60px at the top of the page, by applying a CSS class (hide) using JQuery. This shows is slightly poking out at the top of the browser. When you hover over the image in that DIV, the absolute positioning becomes 0, so it pops out over the content of the page.</div> <div> </div><div>With a lot of stuffing around, I seem to have that part working,
[jQuery] Work at Home - Make $50/Hour
Work at Home - Make $50/Hour Why spend thousands on expensive business opportunities. You truly can earn $50 an hour. Visit our website for details http://createfreeweb.googlepages.com/internet-jobs
[jQuery] Removing dynamically inserted html
I'm trying to dynamically create and remove items from a list, it works just fine... sort of, I can remove items, and create items, but once an item has been created, I cannot remove it again, but I can remove the items present when the page loads. Here is my code <div class="list"> <div class="item"> <input type="text" value="" /> <a href="" class="removeitem">Remove this item</a> </div> <div class="item"> <input type="text" value="" /> <a href="" class="removeitem">Remove this item</a> </div> <a
[jQuery] Typo
The home page of jQuery plugin: Treeview has a typo: Leightweight . http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
[jQuery] NS_ERROR_DOM_BAD_URI with javascript bookmarklet and local path
I wrote a script to show a grid overlay using a javascript bookmarklet. Now OS X throws an error (NS_ERROR_DOM_BAD_URI) when I try to load the script from a local path (file:///xy). Windows XP (in Parallels) doesn't have this problem. Loading it from a webserver works on OS X, too. Is this related to WebKit and Gecko, to OSX or to something else? Thanks, Thomas
[jQuery] Looking for a jquery plugin similiar to this scriptaculous effect...
www.airportbags.com This sites moving navigation effect is done via scriptaculous and would much prefer to use a jquery plugin instead. Does anyone know of a similiar plugin that would allow for horizontal movement as well as vertical and allow me to customize the speed and "easing"??? Anyone suggestions would be much appreciated! williampdx
[jQuery] Removing dynamically inserted html
Why isn't this code working? I can add items but only remove the ones originally added in the source code, not the ones dynamically added. <form> <div class="list"> <div class="item"> <input type="text" value="" /> <a href="" class="removeitem">Remove this item</a> </div> <div class="item"> <input type="text" value="" /> <a href="" class="removeitem">Remove this item</a> </div> <a href="" class="additem">Add item to list</a> </div> </form> <script type="text/javascript"> // Add item to list $('.additem').click(function(){
[jQuery] Click event on dynamically-generated link
Sorry to post again to this group, but again jQuery has me stumped on what seems like a simple task. I've a test doc up at http://www.nottingham.ac.uk/~ntzfr/test/ajax/jquery/xml/jquery_xml3.html and if you click on any of the static links (class="rlo_link") you'll get an alert, meaning that the "$(".rlo_link").click(function()" is being called. Click on the "Click here" link to generate dynamic links and then click on those, and no alert appears. Could someone kindly explain why this is? I can only
[jQuery] UL Hover menu
Hi there, I'm trying to create a hover dropdown many with jQuery and all seems to work fine in safari but not in ie7? The idea is that when I hover over the main li the sub ul appears and slides down. When I hover over the main li is works as planned but then on ie7 when I move the mouse down to the sub ul is slide back up??? jQuery: <script type="text/javascript"> $(document).ready(function() { // hide sub menus $('ul.col_one_subnav').hide(); // toggle sub menus on hover
prepend change to prependTo
$('#dictionary').prepend(data); works fine Why $(data).prependTo('#dictionary') is not working? I want $(data).hide().prependTo('#dictionary').fadeIn();
Datepicker: How to display only the current year?
I use this: $("#datepicker").datepicker('option', 'numberOfMonths', [4, 3]); However, the current date is displayed in the first month. I want Datepicker to display the whole year so that it would start from Jan Thanks in advance.
[jQuery] Can not use ajax on some server ??
HI everybody. I'm use jquery call php script, on localhost and some server ajax work well but some server can not run ajax and show error 500 Internal Server Error. I try replaced jquery become another script ... ajax work well but it's show error 500 too. You can check here http://changtraingheo.byethost22.com/ in the colum left and look at box "Chia Sẽ Nhanh" and use FireBug test it. I don't know why
access denied in local xml file IE
I'm trying to make a simple call to a local file (html, js and xml all local). In ff no problems, in ie it does work only served by a web server (but i need to use it as a standalone file). i tried: $.ajax({ type: "GET", url: "ANAGRAFICA_small.xml", dataType: "xml", success: function(xml) { $(xml).find('A').each(function(){ var id = $(this).find('ID').text(); }); } And i have acces denied on the xhr.open(type, s.url, s.async); call into the
[jQuery] nyromodal and preload of big files
I have a jQuery/nyromodal 1.4 issue. I'm using nyromodal to load different types of content into an iframed modal dialog. Content is very diverse starting with jpg's up to 100MB pdf files. I've observed that nyromodal is doing a somekind of preload of iframe content (you can observe this in examples at nyromodal website). Dialog creates not visible iframe which grabs the content from given URL (and sends first request), after this it makes another request to the same address. This is fine in most
[jQuery] plug-in tablesorter bug/anomalies
The tablesorter plug-in by Christian Bach has what I think are a couple of bugs/anomalies. 1) a column that starts with a zero is not identified as a 'digit'. I think it should be. 2) a column that starts with an IP address that looks like 192.168.1.1 or 1.127.77.1 -- that is any IP with a single digit is not identified as an IP address because the "is" function only looks for \d{2,3} instead of \d{1,3}. 3) some of the examples in the source code are wrong. Otherwise a great plug-in and worth the
[jQuery] [autocomplete] Textarea up & down arrow key usability
The autocomplete plugins disables the use of the up and down arrow keys. In a single line input area this is not an issue, but on a textarea it is very noticeable (especially if you are a poor-spller like I am). I think the arrow keys should only be overridden when the autocomplete "drop-down" is visible. As an example fill the "Multiple Birds (remote)" example at http://jquery.bassistance.de/autocomplete/demo/ with "Birds can be fuund all over the wurld, some such birds are:" now try and use the
[jQuery] EARN MORE THAN 18000$ WITH CJ JOBS
EARN MORE THAN 18000$ WITH CJ JOBS http://createfreeweb.googlepages.com/internet-jobs
[jQuery] JSON- PHP generated JS-file question
Hello, i have just joined this group. First Google group i join ! I'm not native English speaking so sorry if i make some grammar mistakes. Anyway, the past 2 weeks i've been looking into JSON/AJAX functions of jquery. Now the reason for me doing that is that I want to make the following: I want to have an input field that ask you for a code, let's say "abc", my script should then automatically search for the price in the database, so with an onblur i suppose. Now i googled/read etc etc, and i came
[jQuery] IE 8 is different or ?
hi everybody, I am writing a simple line to animate the opacity through animate() function, not working in IE 8. Working fine in FF as usual. $("span.al").animate({opacity:0.1}); Is it a problem with IE 8 or something else...? Thanks
Disable/alter url anchor
I have a page with 3 tabs in it, they have ids of intro about contact The links into the page determine which tab is selected when the page is loaded. E.g. if the user follows this URL www.mysite.com/index.php#about (this is a fake URL) the second tab will be selected. This all works fine, the problem I am having is the page jumps to the anchor point and the tabs are not visible unless the user scrolls up. Is there a way to still have the correct tab selected but not jump to the anchor point? Thanks
[jQuery] Doubt in setting postions
Hi all, Just had a doubt this morning... http://docs.jquery.com/CSS We have offset() and position() to get the left, top values of an element relative to document and parent respectively. Both are working same with FF3 and IE7. But, to set the positions i use $("#element-id").css({'left': 'value', 'top': 'value'}); This sets position relative to document in FF3, but sets relative to parent element in IE. My doubt is... Is there any different functions available to set values relative to document
[jQuery] [autocomplete] - Problem closing autocomplete
If the Autocompleter ist active and I click somewhere else on the page to close the autocompleter, the autocompleter inputbox will be focused. Can I change this behavior? I want that the autocompleter will be closed if I click somewhere and that the clicked element will be focused. The examples on the Demopages have the same behavior. Any ideas? tanxs Alex
[jQuery] Injecting HTML
Hi, I have some script running on a page, events.php, I use $.ajax to return the data from that page then on success inject the HTML into a div in my page. I have a close button that fades that injected content out. however the close button refuses to work from my index.php, but when i have it on my events.php it works. note : on success i prepend the close button to a div. what could be the issue ? $.ajax({ url:"events.php", cache:false, success: function(html) { var selectedEvent = $("#event",
[jQuery] html() method block for
the function below work fine for only one checkbox checked when i select more than one checkbox the for stop after the first tour it seems that the html method block the form infact, if i comment out the method html(...) all the function work fine. can someone show me the way ? THIS IS THE FUNCTION: function switchState (form) { for (var i = 0 ; i < form.length ; i++){ if(form[i].checked){ var prenotazioneid = form[i].value; var selettore = "tr#prenotazione_" + prenotazioneid;
[jQuery] Add <DIV> magically?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18702"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=495251404-04062009>Can jQuery add a div in a specific location?</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=495251404-04062009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=495251404-04062009>I
Next Page