[jQuery] What library to use for drag and drop?
Hello, We are starting development of an eshop that needs to be operational in October. For our shopping basket, we are thinking of using ajax in combination with some drag and drop. A bit like the demo here from the interface plugin http://interface.eyecon.ro/demos/cart.html After reading a bit here on the mailing list, it seems that interface is no longer in active development and that a new plugin, jquery ui, aims to be the next big thing. So now, we are not entirely sure which one to use. Either
[jQuery] Sortable , serialize and disable item
hey. i need help i got here a sortable list, and i want to make couple of things: 1. once the order is changes, serialize the new list so i can get array to work with php (ie. navigation_menu[1]=homepage&navigation_menu[2]=homepage&navigation_menu[1]=our story&navigation_menu[1]=party ... etc. ) 2. option to disable/enable item: if user clicks on the image "/en/images/icons/close.gif" , then move this LI to the bottom and disable it so once its serialize it will not take him in array or just mark
[jQuery] Text Box readonly
I am writing a small script at the moment that requires a text box to be readonly for a period of time and once that time is up then I want to remove the readonly attribute, is there a way to allow this to happen after a duration of time has passed or after an event has happened. jQuery(document).ready(function($) { $("input").attr("readonly", "readonly"); $("input").removeAttr("readonly"); }); not sure how to delay the removeAttr event for a duration of time as I can only find a delay in the effects
[jQuery] interesting JS "animation", candidate for jQuery plugin
Hi, all! i just came across this by accident and thought it might interest some plugin author enough to write a similar feature for jQuery: http://imdb.com/title/tt0084787/faq scroll way down, or search for "Are there any deleted scenes for this movie?", and look for the red text which says "Spoilers!". It is an effect which hides certain text until you mouse over it, at which point the real text is revealed. The intention is to keep people from accidentally seeing text which might spoil a film for
[jQuery] 1.1.3.1 breaks jqModal in IE6
I if download and host the jqModal public example (and associated resources) on a local webserver and simply change the jQuery to 1.1.3.1, jqModal stops working in IE6. The overlay is pushed to a thin box at the bottom of the page and any modal like behavior is lost. My workaround is to roll back jQuery to 1.1.2 for now, though I was appreciating the performance increases in the latest release. I don't have the IE specific skills / tools to offer any insight into what might be happening. If anyone
[jQuery] jqModal and Enter key
Pulling some hair out over a situation here, wondering if anyone can shed some light.... I have a page, with a thickbox on it, which loads a page in it (via thickbox ajax stuff), which has a link on it that opens a jqModal. In the jqModal I have a password textbox and two buttons: btnOK and btnCancel. If the user is typing in the password box and hits the Enter key, I want to fire an event handler. Thing is, jqModal seems to have it's own Enter key handler (I think), which causes the jqModal to close,
[jQuery] animate- moving icons around image
I'm trying to develop an app which requires me to move icons all over a specified space based on the results of an ajax call. Basically I'll have a static icon of a person in the center of a square...as each ajax call happens the I will receive results showing other icons (people) in relation to the static icon in the center so want those icons to then float closer to or farther away from the center icon. These can go in random directions, I just want to be able to put some closer and som e farther
[jQuery] ANNOUNCE: jTagEditor 1.0 beta
Hi all, I'm pleased to announce the birth of jTagEditor 1.0 beta. It's a small and customizable tag editor wich allows you to turn any textarea in a quick tag editor of any kind (html, wiki, bbcode, textile or any type of tag you want). It includes also some nice features on key events (Ctrl, shift, enter, tabs). Any feedbacks are welcomed. Thanks. Jay P.S. English is not my native language and i'm sure the plugin's page is full of errors and nonsenses. Feel free to report them to me :)
[jQuery] Announce: fixedBox plugin
Hi, fixedBox is a simple and lightweight jQuery plugin that allows you to easily display a fixed box in the web page. The box is centered by default, but you can also define the left and/ or top positions. More info: http://www.hovinne.com/blog/index.php/2007/07/30/134-fixedbox-jquery-plugin Enjoy, jf
[jQuery] Element contains element
When I do something like the following $("div/a"), is there a way to determine if that doesn't match any elements? find(expr) looked like the one but it returns a jQuery object. Can I interrogate this to see if it is "empty"? Thanks. Adrian
[jQuery] [NEWS] 5 JavaScript Tricks Made Easy with jQuery on DZone.com
Continuing on the DZone path, community member Brian Reindel has an entry on the site about his "5 JavaScript Tricks Made Easy with jQuery". Some of you may have seen his email about this just the other day but its truly important to support our community by voting his post up. Keep in mind that some folks don't participate on the mailing list but may see Brian's entry on DZone. Lets make sure he gets support for his great blog posting! http://www.dzone.com/links/5_javascript_tricks_made_easy_with_jquery.html
[jQuery] OT: A Big Idea
<span style="font-family: trebuchet ms;">AjaxExperience was a blast. So many good people and presentations. The meetup was alot of fun!</span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"> <span style="font-family: trebuchet ms;">At the end of today was this great brain-storming session.</span><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">I wrote up about one idea at the end. It's totally in "idea-land" so take it with salt. </span><br
[jQuery] Help with book example - alternating row colors
In the book - there is an example for alternating row colors in a table, and an expanded version for alternating triplets. I've got that working - I have a table with two rows of chemical data: CHEMICAL NAME: BA (GROWTH STIMULANT) AMOUNT: 1 UNITS: FL.OZ. ISOTOPE: ACTIVITY: ACTIVITY/UNITS: -------------------------------------------------------------------- CHEMICAL NAME: GADOLINIUM(III)CHLORIDE HEXAHYDRATE AMOUNT: 1 UNITS: FL.OZ. ISOTOPE: ACTIVITY: ACTIVITY/UNITS: --------------------------------------------------------------------
[jQuery] Java Errors when using .Accordion and .innerfade - Please help :)
Can someone please help? i am using this call in the head of my document to call jquery and plugins. <script src="/images/wac/Template/js/jquery.js" type="text/ javascript"></script> <script src="/images/wac/Template/js/jquery.innerfade.js" type="text/ javascript"></script> <script src="/images/wac/Template/js/jquery.accordion.js" type="text/ javascript"></script> <script src="/images/wac/Template/js/Common.js" type="text/ javascript"></script> In the common i am using this code var $j = jQuery.noConflict();
[jQuery] Animation error and next level help
Guys, I am working on a plugin and having two issues: url in quesiton; <a href="http://www.benjaminsterling.com/experiments/neurosesgalore/">http://www.benjaminsterling.com/experiments/neurosesgalore/</a> js file in question: <a href="http://www.benjaminsterling.com/experiments/neurosesgalore/common/js/i.js">http://www.benjaminsterling.com/experiments/neurosesgalore/common/js/i.js</a><br clear="all"> <span style="font-weight: bold;">Question 1: </span> As it stands now, I have below in a click event:
[jQuery] Google Adsense Java Script Code To test your website
Use the following java script code to view how Google adsense will operate on your website. Copy and paste the code in any of your webpages. <script type="text/javascript"><!-- google_ad_client = "pub-9500130874042580"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_type = "text_image"; //2007-07-30: code google_ad_channel = "8855157188"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
[jQuery] history_remote Plugin
Hi, i'm using the jquery.history_remote Plugin (http:// www.stilbuero.de/jquery/history/)...thanks Klaus! My question is: How to make SET a hash foreach content showed into "Chapter" DIV? I'm using this to submit a Search Form to chapter div: function load (url, formname) { var params = $('#'+formname).fastSerialize(); var fragment = $.param( params ); //here i get the inputs from the Form $.ajax({ type : "GET", url: url, data : fragment, // Send the inputs to search.php using Method GET (eg. cars
[jQuery] changing the value of a global variable inside an post callback function?
i am building a function to validate a registration form for my site. one of the things i need to validate is that the email address entered into the form does not already exist in the database. in my formValidate function i perform several tests. if a test fails i increment a errorsFound variable. at the end of my function if errorsFound is greater than 0, i do not submit the form. the test for my email field does a $.post to a checkEmail - a page that checks the database for duplicate email addresses.
[jQuery] History hashes with variable and value
I see that Yahoo UI has this: http://developer.yahoo.com/yui/examples/history/navbar/solution/index.html#app=products Is there a way to achieve this in Jquery? Basically I want to have a URL like this: index.html#var=param#var2=param ...or somthing similar. Any ideas? Thanks! Graeme
[jQuery] jQuery and InnerFade
Hi, I'm relatively new with using jQuery, and I'm trying to implement innerFade to fade between some banner images. In the header: <script type="text/javascript" src="./js/jquery.js"></script> <script type="text/javascript" src="./js/interactive.js"></script> <script type="text/javascript" src="./js/thickbox.js"></script> <script type="text/javascript" src="./js/jquery.innerfade.js"></ script> I've got php looping through the images to produce the following code: <div id="flashanimation"> <ul id="flashshow">
[jQuery] Mootools
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Remove element attribute
Using attr(key, value) I can disable a button like so: $("#myButton").attr("disabled", "disabled"); which results in: <button id="myButton" disabled="disabled">My button</button> But when I want to reverse this I do the following: $("#myButton").attr("disabled", ""); which produces this: <button id="myButton" disabled="">My button</button> How can I remove the disabled attribute altogther? Thanks. Adrian
[jQuery] autocomplete caches against my will
Hi everybody, I'm trying to use autocomplete (this one: http://www.pengoworks.com/workshop/jquery/autocomplete.htm) to suggest street names to the user while he types them. Because there can be quite a lot streets I decided to limit the result to 10 entries server-side. Now the problem: Let's assume I got 10 elements beginning with "An" and 10 elements beginning with "At". Now the user types an "A" into the textbox. Autocomplete contacts the server which returns the 10 "An" elements. Now the user
[jQuery] What would be the best way to do this / does this plug in excist
Hi I Need to make the following. link1 link2 link3 + link4 + link5 + if I click the + image after link3 i have the following link1 link2 link3 - link3a link3b link3c link4 + link5 + and if i click the - image it will collapse again Preferably with an unordered List. Before I start reinventing the wheel, does this already exist somewhere? -- Armand
[jQuery] Newcomer to jQuery, trouble using ajax functions alongside built in jQuery behaviours
Hello everyone, I am quite new to jquery but love its ease of use! I have all the basic functions down pat, although I am struggling with the load() function, what appears to be quite simple is very puzzling to me. To provide an example of what I am trying to accomplish via jQuery can be found here, jyte.com the main vote buttons. A user can toggle his/ her votes as many times as they want. When the user clicks on the vote button on the right, a css class is added to that button. When the vote button
[jQuery] jQuery and Innerfade
Hi, I'm having trouble implementing innerFade into a site I am developing. I have followed the steps, calling in jquery.innerfade,js, placing the calling code in the .ready function, and I've double checked the code alot!! The calling code is: $('ul#flashshow').innerfade({ speed: 'slow', timeout: 4000, type: 'sequence', containerheight: '220px' }); HTML code is: <div id="flashanimation"> <ul id="flashshow"> <li> index.php ../data/images/tempflashimg.gif
[jQuery] jQuery and Innerfade
Hi, I'm having trouble implementing innerFade into a site I am developing. I have followed the steps, calling in jquery.innerfade,js, placing the calling code in the .ready function, and I've double checked the code alot!! The calling code is: $('ul#flashshow').innerfade({ speed: 'slow', timeout: 4000, type: 'sequence', containerheight: '220px' }); HTML code is: <div id="flashanimation"> <ul id="flashshow"> <li> index.php ../data/images/tempflashimg.gif
[jQuery] question about import a js file into a webpage
this question is not related to jQuery. but it confused me for a long time. i found some websites use the following syntax to import a js file or a css file into a webpage, who can explain what does the parameter after the "?" ? thanks. ------------------------------------------- <link href="/css/cobrand/no_cobrand.css?v=build-399_3_1424" type="text/ css" rel="stylesheet"> </link> <script src="/js/scripts.js?v=build-399_3_1424" type="text/ javascript"> -------------------------------------------
[jQuery] Cross Browser Checking - Any Tips?
Hey guys! I was wondering if you had any tips / tricks for Cross Browser Checking? I'm always having trouble with Safari and because I can't get to a Safari browser on Mac every day it kinda gets left behind and that sucks because a large % of my visitors use Safari on Mac. Any ideas?
[jQuery] Can anyone help with InnerFade?
Hi, I'm having some trouble with innerFade, and want someone to just clarify what elements have to go where to make it successfully work. So far I have an unchanged jquery.innerfade.js called into the page, the calling code in an external js file that runs on .ready. I am then just using a list to display the images. Thanks for any help.
[jQuery] show jeditable textarea onload instead of onclick
I have a jeditable textarea that works perfectly. However, I want do make one small modification. I want the editable textarea to show as a input type text when the page loads rather than when the user clicks on the div. I've tried event: "load" and event: "onload", but neither of those works.
[jQuery] My calendar
I want create my own calendar with jQuery, but I have small problem: My source (for now): <!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=iso-8859-1" /> <title>Untitled Document</title> <style> td { font-align: right; padding: 2px; } .hour { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:
[jQuery] interface Slider IE problem
Im using the interface plugin to change the speed of a timeout (that the function call it again) I follow this example to do mine: http://interface.eyecon.ro/demos/slider.html In Firefox2 works perfect, but IE shows me an error: "The object does not accept that property or method" (im translating) the html: Speed:<label id="label_speed">5 seconds</label> <div id="slider"><div class="indicator"></div></div> the javascript: $("#slider").Slider({ accept: ".indicator", fractions:
[jQuery] Superfish with interface plugin ...
Hi, I tried to used superfish, but i have a bug in IE7 (not tried in ie6), superfish doesn't work well if the interface plugin is loaded ... the first submenu are visible but the sub sub menu don't ... If anyone have ideas ... you 're welcome :) Thanks in advance.
[jQuery] [announce] new site with jquery
Hi Just wanted to drop in a newly redesigned site with some jquery functionality http://z.nu.nl ( dutch business news site ) - tabs - some easy scripting for setting active links, rewriting external links, setting target of links to certain urls and a few more. -- Armand
[jQuery] Sortable lists - sort by date?
Hi All, I'm new to Javascript in general, however I love jQuery and have a dozen cool things I want to do with it. One thing I'd like to create is a sortable list using the interface.js that actually sorts. Imagine say three or more lists, with each item having a date. You could grab items from each list and drop them in another list, and it automagically is inserted in the correct area. The code to drag and drop is easily done, and searching this user group i found this: http://pastie.caboo.se/70105
[jQuery] "Tieing" elements together for a mouseout
I have some navigation that works by clicking on one dom element and animating another. What I want to do now is tie the onmouseout event to BOTH those dom elements so that if the mouse cursor stays inside either of them, the navigation panel stays open, but when the mouse leaves either of them, it closes automatically. I have another animations that works similarly but only by chance because the animation scrolls down so the mouse cursor is instantly hovering over the panel in question. So how do
[jQuery] ClueTip Issue: I can only get the tip to display to the right...
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] [NEWS] New jQuery Plugins Found in the Wild
AjaxRain.com just continues to amaze as they've managed to collect links to 459 JS/DOM/Ajax plugins. Being a jQuery-powered site, they really do show the project a lot of love and there are a boatload of jQuery plugins listed. Some that I don't recall ever being posted here are: Beyond Flash: http://marcgrabanski.com/code/beyond-flash/ jQuery.ptTimeSelect http://pttimeselect.sourceforge.net/example/index.html jQuery Time Entry http://home.iprimus.com.au/kbwood/jquery/timeEntry.html I have to say
[jQuery] problme with jquery...
Hi, I need help with small code that i hardly could not be able to solve myself. I have created subscribe forms that comes with two text field for first name and email address. Before I created database to insert data into the database, I have tested the form with picture background using <div> the blind up the background imae along with form and blind down the second image it said "thank you for subscribe", is works great with out testing with database. And now I want to add insert data into he
Next Page