[jQuery] jQuery plugin - not having to call multiple times
I'm working on a plugin that basically creates form elements, it's called like this: $('#form').formBuilder({ type: 'select', id: 'selectBox', cssClass: 'form-item', name: 'select', }); This would then append a select box within the form. If I want to add more inputs, I have to repeat this code. I was wondering if there is a way that I could call it like this: $('#form').formBuilder({ type: 'select', id: 'selectBox', cssClass: 'form-item', name:
[jQuery] unsubscribe
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;"> </td></tr></table>
[jQuery] Using jQuery to automatically convert plain-text URLs to links
On my site, I would like to have jQuery automatically convert all plain-text URLs to links. For example, if I have the following in the BODY tag of my Web page: Go to http://groups.google.com to go to the Google Groups home page. I want it to be converted in to this: Go to <a href="http://groups.google.com">http://groups.google.com</a> to go to the Google Groups home page. I'm sure the prepend() and append() functions will be used, but how do I tell jQuery how to pick URLs out of the Web page, if
[jQuery] Rich Text Editor plugin
Hi, I need to put a rich text editor in a textarea. Is there any way to do this with jQuery? Thanks, Daniel Bueno
[jQuery] Google setOnLoadCallback & jQuery $(window).load()
Hello, This does not seem to work: // http://code.google.com/apis/ajaxlibs/documentation/ google.load("jquery", "1"); function OnLoad() { $(window).load(function () { alert('foo'); } } google.setOnLoadCallback(OnLoad); What am I doing wrong? Thank you! Cheers, M
[jQuery] Galleria: Transition effects and image loading when using custom thumbnails
Hi everyone, I've implemented a photo gallery using Galleria and jCarousel on my site, and have chosen to use custom thumbnails instead of having Galleria generate them for me from the source images. As far as I can tell, there may be an advantage in conserving bandwidth with this method, but the page also degrades to a nice set of thumbnails that link to the larger images (which is very nice, IMO). Everything works beautifully, however when viewing this gallery for the first time, instead of the
Help with navigation
I am using a Jquery Navigation that works great but I need it to do two more things: 1) I'd like to see the accordion stay open after a link has been clicked 2) and I like to address an active state for a links page that is currently open I am running Wordpress 2.7 Here's the link: http://s230399308.onlinehome.us/ap-wp Any help would be wonderful... Lemme know! -meylo
[jQuery] FF 3.5.1 and MSIE 6.0 provide different objects as "This"
Hi, Although this came up in the context of developing a plugin, I think it's a more general issue. So I'm posting it on this list. I am developing a plugin to be called from a web page. The call looks like: $(window).resize(function() { $(window).myPlugin(); }); Then in the plugin, I have a standard "return this.each, followed by three alerts: var key; var value; return this.each(function(key,value) { alert('In the loop'); alert('Key
[jQuery] Superfish - Tabbing through menu when it's a nested ul causes the menu to disappear
I'm doing some accessibility testing with superfish. I have the "sf- menu" ul as the child of another list item. After tabbing through the entire sf-menu, it disappears. Any suggestions? It is nested as follows. ul -> li -> ul sf-menu
[jQuery] Background Work Plugin
Hello, I have a task I want to execute in the background in order to not block the browser whilst executing the task. Do you know any plugin for this purpose? Regards
Basic jquery question, fade in content after 1-2 seconds
I'm looking to modify this code in order to have my content auto fade in after about 1-2 seconds. currently, it only fades in when you move the mouse cursor over the content. $(document).ready(function(){ $(".latest_img").fadeTo("slow", 0.3); $(".latest_img").hover(function(){ $(this).fadeTo("slow", 1.0); },function(){ $(this).fadeTo("slow", 0.3); }); }); thanks for any help
[jQuery] jQuery and multiple forms in page
Hello! i need help with one thing, i have a list with words generaded via mysql. And i want to have an "x" in the end of every word, so i can easily delete one in my list. And ofc i wants some fadeOut effect on it. I made it work but only with one, not with a whole list of words. So tired to make a function of it, but it dosent work. eg. <ul> <li>Word 1 (x)</li> <li>Word 2 (x)</li> <li>Word 3 (x)</li> </ul> <script> function removeSearchword() { var sokord_id = $("#sokord_id").val();
[jQuery] Superfish drowdown doesn't close (IE 7 + IE 8 tested)
On one of our websites I'm using a horizontal superfish menu. It works fine in FF and Safari, but I have a problem with the dropdown in IE 7 and IE 8. It doesn't close if I got to another menu entry. I tried to look for a solution, but had no chance to find it... I guess that the problem is in the javascript files. I don't think that it is a CSS problem. You can try to look at: www.trassenheide.net. Here you can see my problem. Thanks... -- View this message in context: http://www.nabble.com/Superfish-drowdown-doesn%27t-close-%28IE-7-%2B-IE-8-tested%29-tp24662728s27240p24662728.html
[jQuery] Setting identical events to multiple elements using a for loop
On my site, I have some click-able spans (will be referred to as toggle spans) that show or hide other spans (that contain the content I want on my site; will be referred to as content spans). The layout of these spans is like this: ---------- <span id="sp_span1">Span 1</span> - <span id="sp_span2">Span 2</span> - <span id="sp_span3">Span 3</span> <span class="contentSpan" id="span1"> Span 1 content. </span> <span class="contentSpan" id="span2"> Span 2 content. </span> <span class="contentSpan" id="span3">
File upload with jQuery plugin
Halo, on my computer(lcoalhost) i try make a upload script, that it look like this: <?php $mosConfig_live_site='http://'.$_SERVER['HTTP_HOST'].'/uplaod_test'; $path_js = $mosConfig_live_site.'/js/'; $path_css = $mosConfig_live_site.'/css/'; ?> <html> <head> <script language="JavaScript" type="text/javascript" src="<?php echo $path_js;?>jquery.min.js"></script> <script language="JavaScript" type="text/javascript" src="<?php echo $path_js;?>ajaxupload_3_5.js"></script>
Help with menu items
Hi all, I'm trying to make a menu with jq and I create some function but not work as I want. Js file: function EBID(k) { return(document.getElementById(k)); } function hideMailMenu(e) { var mailMenu = EBID('mailMenu'); mailMenu.style.display = 'none'; } function showMailMenu(e) { document.onmouseup = hideMailMenu; var mailMenu = EBID('mailMenu'); mailMenu.style.left = e.clientX + 'px'; mailMenu.style.top = e.clientY + 'px'; mailMenu.style.display = ''; } HTML: <a href="#"
[jQuery] How to Show image Title in Lightbox? Please
Hi It seems to me that it normally happens by default... set a Title in the image tag and it shows in the lightbox-image-details-caption. But mine just doesn't at http://dev.beecheshotelnorwich.co.uk/ Any suggestions how to fix, please?
[jQuery] Request Path
This is probably isn't a jquery question, but I am using jQuery media plugin in this case, so I am wondering if someone can assist here. I have a http folder with my server-side scripts for media stuff /public/wcflash/wcflash.wcx <-- server side compiled script for our web server I found jquery-media.js and want to see how I can use it. So I put the following under the under the folder: /public/wcflash/jmedia/jquery.media.js /public/wcflash/jmedia/jquery.metadata.js /public/wcflash/jmedia/mediaplayer.js
[jQuery] Check if movie (.mp4) is finished
Hi everyone, I'm using the jQuery Media Plugin to play a movie (.mp4) on a page when a button is clicked. But I want to remove the <embed> from the DOM when the movie is finished. Is this possible? And in what way? I searched on the group here and googled, but I found nothing. Regards, Eswip
[jQuery] jQuery / CSS: element jump around on .animate()
Hi Gang, If you have a look at http://webcam.jezmckean.com/ and click on an image you will see what I mean. It's as if the image is converted to a div while animating. Any ideas anyone?
Accordion menu from sql db (load on click)
Hi, let me start off by saying that I am new to jquery and javascript. I have some experience in other languages though. I've searched google for a couple of hours but nothing seems to fit with what I need to do. I had some code to load the full contents of the db table to the page at loadtime. This, however, was too much to load at one time (over 150MB). So I need a way to, on click of a menu header, load all the children of that parent. The database is actually a list of the files on a hard drive,
slide is shifting to the left
i created this site, http://www.golecercle.com/main Everything looks OK, the only problem i am having is the following. when i click on the button on the right "social network" it shifts the transformation over to the left side and stops where it should stop. It seems it is somehow relative to the element on the left. This only happens in IE and Safari, in Fireworks everything works fine, please if someone can help me here track down the problem that would be really great.
[jQuery] shanex.fael has invited you to Spacelocker
Hi there, You are invited to join shanex.fael@gmail.com at Spacelocker, a cool place where you can meet friends fast and keep your online stuff in one place. Check it out. Click the link below to Accept the Invitation: <a target='_blank' href='http://www.spacelocker.com/signUp.php?fromid=NTEzOA==&ifrom=c2hhbmV4LmZhZWxAZ21haWwuY29t&ito=anF1ZXJ5LWVuQGdvb2dsZWdyb3Vwcy5jb20='>http://www.spacelocker.com/signUp.php?fromid=NTEzOA==&ifrom=c2hhbmV4LmZhZWxAZ21haWwuY29t&ito=anF1ZXJ5LWVuQGdvb2dsZWdyb3Vwcy5jb20=</a>
[jQuery] Fade in a div, push the div below down
Hi. I want to make one div appear by the click on a link, and the div below the appeared one has to be pushed down some pixels. So if I click the link inside the top div: <div id="header"> <a>Show new div</a> </div> The div below: <div id="footer"> </div> Gets pushed down maybe 100px. Its like changing the margin-top: 0px; to 100px on the div: footer. Any plugin or help out there? Thanks in advance !
how to validate elements within an accordion
Hi, I have a form that contains options for payment that are toggled using jquery accordion. The problem I'm having is how to validate (using jquery.validate.js) the fields for the div that contains the Credit Card content when it's selected. For instance class="creditcard" would only be required if the radio button with value"credit card" is checked. I'm pretty new to using jquery so please bear with me if there is an obvious solution. <div id="wrapper"> <div class="accordionButton"> <label><input
[jQuery] appendCache issue in tablesorter with IE7/IE8
Hi everybody, I'm using the tablesorter plugin with the zebra widget and I've run into an issue with IE8. I'm setting a number of tablerow (tr) elements to invisible and then run a tablesorter update + appendCache action to make sure the zebra widget picks up on the changed structure of the table. This works fine in all browsers except IE8. With a bit of debugging I've pinpointed it with reasonable certainty to the appendCache function in tablesorter (actually appendToTable) but I can't find anything
using multiple toggle boxes with jQuery cookie
I want to use the jquery cookie to remember if one of the boxes was down or up. I can only store 2 values i a cookie. Any one a simple trick for this? This the part that i now have: /* toggle selected box */ $(".content-header-right").click(function(){ $(this).parents(".content-header").next(".content-in").slideToggle("slow"); // get the id of the box var id = $(this).parents(".content-header").next(".content-in").attr('id'); if ($(this).find('a.toggle-close-btn').is(":hidden")){
AJAX plus attr()
I want to go to a page with ajax in the background and return a value of a field. I keeps on returning nothing. this is what I have so far. $.get("file.php", function(data){ var response = $(data).find('[name*=user]').attr("value"); alert(response); }); update: $.ajax({ type: "POST", url: "file.php", async: false, beforeSend: function(msg){ var i = $(msg).find('[name*=user]').attr('value'); console.log(i); }, success: function(msg){ alert("sucess"); } }); How would i
Menu WITHOUT items
Hi, I've seen there's tons of menu plugins for jQuery, but everyone I've seen relies on lists to generate a menu. I still have the menu and its fency mouseover / mouseout graphics and behaviours. I then have a hidden div with content. I'd simply like a helper to help me manage the appearing of that div (the menu content), as it is not so easy as you have to work with items etc (for example, to prevent the user to go away from the menu button and hide back the menu before you can click on it etc.).
[jQuery] simplemodal plugin - close modal dialog by button/link whatever
I can't seem to close my modal dialog except when using the close button. I want to do a search dialog box, that closes as soon as the user presses search (rather than press search and then the close button) I created my search box like this: $("#search").click(function(){ $("#searchBox").modal({overlayClose:true}); }); But I am clueless about how to connect my search button to actually close it. Thanks in advance for your help
[jQuery] UI TABS - Best Practices
I've implemented an admin console that has about 5 ajax-enabled tabs on a JSP. Each tab displays info from different areas of the system. Authorized users see an edit button. Some edits can be multiple pages. Fully integrating multi-page UI tabs requires a lot of considerations. I'm interested in best practices that I should consider. My question is where can I find a robust UI TAB example that includes multiple page swaps? I just finished writing the editing features, and for now I leave the tabs
[jQuery] PNGFixes are breaking SuperFish in IE6...SUPRISE!
I've tried a few different PNGFixes thinking that maybe the problem was unique to one particular fix, but unfortunately all PNGFixes are breaking my menu. Basically, without the PNGFix, the menu works fine. But, as soon as the PNGFix loads, I lose my hover ability and naturally the dropdown feature. This is all CSS (plus jQuery) at the moment. It works in all other browsers. Has anyone ever run across this problem? Thanks! Matt
[jQuery] Multiple Phone Fields
Hi, I have a form with three text fields: Business Phone Cell Phone Home Phone One of the fields must be filled. Using jquery.validate.js how do I check for this? Thanks in advance for any help.
[jQuery] Parsing a complicated JSON file with JQUERY !
As U can see guys , I got that json structure , & I want to parse it with jquery , I searched in the web but it's seems my json file is a bite complicated :S here is the picture more clear thatn the file down ! http://www.zshare.net/image/63013802b34a7372/ Here is my plane JSON file [{"Post":{"id":"1","category_id":"1","title":"CSS Mastering","date":"2009-07-21 22:40:00","content":"How 2 CSS Master in 5 Days :D ,This association creation and destruction is done using the CakePHP model bindModel()
[jQuery] superfish menu centering - no fixed width
Hi I'm trying to center a horizontal superfish menu with a flexible width in a div container with 980px width but i can't get it to work with margin:0 auto; any tips or tricks ? thnx 4 help
Scrool down div content.
Welcome everybody. I have following problem. I got div <div style="position:absolute; width:400px; height:600px; overflow:auto;"> Loading content... </div> The content is loaded by ajax request, but thats not the problem. When I load lot of text, sometimes the div content don't automatically scroll down. I need function, what allow me to scroll this div. 1) i load content 2) i scroll it down Do you have any idea how to do this in jquerry ? Something like // scroll_down(id_name_of_div); I will be
[jQuery] help with an animation effect
Morning all, I'm looking for some help with an animation effect and your thoughts on how best to achieve it. At this stage we simply have a graphical representation, we can splice the images up any way we like, I'm really looking for your suggestions. The first stage is just the basic static object: http://s949.photobucket.com/albums/ad332/thinkblue_album/?action=view¤t=satic.png Then, we have a slight mouse-over effect on the small tab at the bottom which slightly reveals the content (width
[jQuery] Modify tabbed interface
Hello, everyone) I've read a tutorial describing creating simple tabs: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ But I want to modify it, and cannot achieve the desired result, and that result can be seen at one template: http://themeforest.net/item/maven-portfolio-wordpress/49522?no_login=true (Just click on 'Live Preview') So, I want a content: 1. slideUp() and fadeOut() simultaneously 2. slideDown() and fadeIn() simultaneously I found an interesting article about a subject:
[jQuery] jQuery Selectors
i am actually doing a accordion/sliding menu. here, i want to slide up sibling li > ul that has been open (or displayed). can i simplify this further? $(this).parent("li").siblings("li:has(ul)").children("ul").slideUp ("fast"); i also noticed that i cannot skip the children() part and do something like $(this).parent("li").siblings("li:has(ul) ul").slideUp("fast"); why is siblings("li:has(ul) ul") different from siblings("li:has (ul)").children("ul")?
[jQuery] Superfish
OK. I am not very skilled with Joomla and I need help installing Superfish. I tried on my local version to upload the ZIP file but I get an error message"Could not find an XML setup file in this package. Path does not have a valid package." So obviously I am doing something wrong. Please help!!
Next Page