[jQuery] Can't get onClick on appended elements
I have the following snippet of code: This is where I'll place the 'li' elements. ul id=file-list/ul After processing the file upload I add the elements like this: $(#file-list).append('li' + fileName + ' a href=' + filePath + ' class=fileimg src=attributes.gif alt= //a/li'); The thing is, I can't get the onclick event on those links, it just do nothing when I click on it. If I already have a ul id=file-listliMyFile a href=something.zip class=fileimg src=attributes.gif alt= //a/li/ul -- Works fine.
[jQuery] NEW! jQuery CKEditor Plugin v0.10
NEW! jQuery CKEditor Plugin v0.10 http://www.fyneworks.com/jquery/CKEditor/ It's been a while but hey, I've finally done it. I've just released the very first version of my new CKEditor plugin for jQuery. I only started working on it today, but soon enough I hope to turn it into a complete interface between jQuery and CKEditor's API methods. The most important thing the plugin does is take care of ajax submissions, reading the editor's output before the ajax call is made AND clearing old editor objects from memory, in an environment when editors are created and destroyed on the fly (my cms for example). IMPORTANT: Be notified of future updates via this Twitter account: http://twitter.com/fyneworks
[jQuery] Re: Google closure tools and library
Tks! =) On 7 nov, 16:47, Jake B jakeboon...@gmail.com wrote: If you look at the online version of the compiler, you'll see that jQuery, jQuery UI, and other popular libraries are options in the Add a URL dropdown menu: http://closure-compiler.appspot.com/home I assume that means that Google anticipates Closure being used in conjunction with those existing libraries. On Nov 6, 1:55 pm, claya clakac...@gmail.com wrote: Any thoughts on the Google closures tools release announcement. http://googlecode.blogspot.com/2009/11/introducing-closure-tools.html Will jQuery work with it? is it better?
[jQuery] Re: How to build this effect
That is cool =D.. great response DanDan.. I like it. On Oct 24, 7:32 am, Andrea - Aosta andreabe...@gmail.com wrote: Thank you On 23 Ott, 19:20, DanDan dan.d...@gmail.com wrote: That is cool... I have seen this before as JQuery but not yet tried it: http://webdev.stephband.info/parallax.html On Oct 23, 9:46 am, Andrea - Aosta andreabe...@gmail.com wrote: At this URLhttp://www.smsbig.it/ityouseean effect build with mootools. THis js change the css style of the background when the mouse moved.With jquery it is possible? Thank you
[jQuery] Re: New iPhone-style button plug-in released...
Great work! =) On Sep 4, 11:05 am, Dan G. Switzer, II dswit...@pengoworks.com wrote: We've just released another jQuery plug-in which emulates the iPhone-style button used to toggle settings on/off. The plug-in works with both checkbox and radio button groups and we've worked hard to make this a complete plug-in. While there are several similar plug-ins, we couldn't find one that actually had all the features we needed--which is why we built this version.http://www.givainc.com/labs/ibutton_jquery_plugin.htm You can see a demo here:http://www.givainc.com/labs/ibutton_example.htm Here are the features: - Works with checkboxes or radio elements - Full keyboard support — use the [TAB] key to move from field to field and use the spacebar to toggle the status of the iButton (or use the arrow keys for radio buttons) - Custom event handlers - Detach iButton behavior from the element - Metadata support — when used with the jQuery Metadata Plug-inhttp://plugins.jquery.com/project/metadata, you can define the properties for your button completely within the class attribute of your input elements - Enable/disable drag support — while the dragging behavior is intuitive on touch-based devices, it's not always be the best or expected UI behavior and may cause some mouse users problems (NOTE: In order to help differentiate between an intended mouse click or an actual drag event, we're developed the clickOffset option. If the time (in milliseconds) is under this value (120ms by default) it's assumed the user was attempting to click the button and not drag the handle.) - Enable/disable animation - Single sprite image — easily change the look of your button by just replacing the image sprite - Customizable labels — use any labels you want for your buttons - Support for disabled buttons - Easing support for animations - iPhone support Hopefully some of you find this useful. -Dan
[jQuery] Re: Multifile Upload and Forms plugin
I don't understand the problem... $(element.form).ajaxSubmit(); should do it. On Apr 27, 10:05 pm, Haaf dko...@quicknet.nl wrote: Hi, I'm using themultifileuploadplugin(http://jquery-multifile-plugin.googlecode.com/svn/trunk/index.html#) and I would like to be able touploadan image on file select. I.e. when a user selects a file from his computer the file is automatically uploaded (for preview purposes). What I'm trying to do is: ... form id=user_image action=update_image.php method=post input type=file id=T7 name=mypic / /form ... script ... onFileSelect: function(element, value, master_element){ //send the form with jquery Formsplugin(http://malsup.com/jquery/ form/#)}, ... /script But the Formspluginonly works when I send the form using a submit button. Is it possible what I'm trying to accomplish? If yes, could somebody help me please?
[jQuery] Re: NEW! jQuery Multiple File Upload Plugin v1.40
Hi Shaun, Please double check your installation and make sure you are using the latest version of the plugin. Take a look here for a working example... http://www.fyneworks.com/jquery/multiple-file-upload/test/ Cheers, Diego A. On Apr 7, 12:14 am, shaunramos shaunra...@gmail.com wrote: Diego A. wrote: NEW! jQuery Multiple File Upload Plugin v1.40 http://www.fyneworks.com/jquery/multiple-file-upload/ New features: 1. API method to reset control (remove all file selections) like this: $('input:file').MultiFile('reset') Improvements: 1. Now entirely based in the $.fn.MultiFile namespace 2. Now uses $.fn.data to store control settings 3. The plugin will automatically disable the dummy additional input element when the form is submitted conventionally or by using the form plugin - this removes the extra empty file from the end of the array. IMPORTANT: Be notified of future updates via this Twitter account: http://twitter.com/fyneworks -- View this message in context:http://www.nabble.com/NEW%21-jQuery-Multiple-File-Upload-Plugin-v1.40... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] NEW! jQuery Multiple File Upload Plugin v1.40
NEW! jQuery Multiple File Upload Plugin v1.40 http://www.fyneworks.com/jquery/multiple-file-upload/ New features: 1. API method to reset control (remove all file selections) like this: $('input:file').MultiFile('reset') Improvements: 1. Now entirely based in the $.fn.MultiFile namespace 2. Now uses $.fn.data to store control settings 3. The plugin will automatically disable the dummy additional input element when the form is submitted conventionally or by using the form plugin - this removes the extra empty file from the end of the array. IMPORTANT: Be notified of future updates via this Twitter account: http://twitter.com/fyneworks
[jQuery] [datepicker] double tab needed
Hey guys, Using datepicker in a field, it requires 2 tab taps to go to the next field, since: - when you enter in the field, the datepicker shows up - when you tap the first tab the datepicker hides. - when you tab tab the second time, only then the focus goes to the next field. Is there anything that I can do? Tks -- http://plentz.org
[jQuery] Re: NEW! jQuery Multiple File Upload Plugin v1.40
Hi Kuba, You need to apply the method to a file element that has already been initialized by the plugin, not the container... Cheers, Diego A. 2009/4/2 kuba kuba.fig...@gmail.com reseting wont work for me ;/ On Apr 2, 12:32 pm, Diego A. diego.a...@gmail.com wrote: NEW! jQuery Multiple File Upload Plugin v1.40 http://www.fyneworks.com/jquery/multiple-file-upload/ New features: 1. API method to reset control (remove all file selections) like this: $('input:file').MultiFile('reset') Improvements: 1. Now entirely based in the $.fn.MultiFile namespace 2. Now uses $.fn.data to store control settings 3. The plugin will automatically disable the dummy additional input element when the form is submitted conventionally or by using the form plugin - this removes the extra empty file from the end of the array. IMPORTANT: Be notified of future updates via this Twitter account: http://twitter.com/fyneworks
[jQuery] Re: Star rating plugin problems
Hi Sergey, I've just been to your site to take a look but it seems to be working fine now. Glad you worked it out. Cheers, Diego A. 2009/3/30 Sergey sergey.pante...@gmail.com Hello Diego, Have recently installed it on one my hobby site and I have a small problem on plugin and cant find what is wrong. it works perfectly in FF, IE but not in safari and chrome. Using split and it display all half parts of star. If you have a min to tell where should i look at will be greatly appreciated. ( site is: movie-collection.com ) Regards
[jQuery] [autocomplete] onselect handler
Hey guys, here I'm again. Is there a way to associate a callback function with the select event of an autocomplete? I want to do something like this: on select item from autocomplete, set the value of field x and hide div xpto. I looked at the format* callbacks, but it won't work in my case. Any tip? Thanks -- http://plentz.org
[jQuery] Re: [autocomplete] jquery + dwr
Thanks Jörn. Btw, the problem still here, because even if I do something like that: $(#city).autocomplete({ source: handleDWR }); function handleDWR(term){ TestAutoComplete.findAutoComplete(term, function(data) {return data}); } data never goes back to autocomplete to be properly rendered (because it is a asynchronous call). What am I missing here? Thanks again! On Tue, Mar 24, 2009 at 7:36 PM, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: The jQuery UI branch of the autocomplete plugin supports a source-option as an alternative to the url- und data-options. Give it a try and let us know if it works for you: http://jquery-ui.googlecode.com/svn/branches/dev/autocomplete/ http://jqueryui.pbwiki.com/SelectComboboxAutocomplete Jörn On Tue, Mar 24, 2009 at 10:39 PM, Diego Plentz diego.pi...@gmail.com wrote: Hey guys, I'm using jquery + autocomplete plugin (by Jörn) and I trying to make it work with DWR(http://directwebremoting.org/). My problem is that jquery autocomplete takes a url or data directly, but to make DWR works properly, I must use their javascript functions and handle the callback. Here is a example: TestAutoComplete.findAutoComplete(token, function(data) { /* do something with data*/ }); How to make it work with autocomplete, that works like this: $(#city).autocomplete(cities); Thanks in advance -- http://plentz.org -- http://plentz.org
[jQuery] Re: [autocomplete] jquery + dwr
I suspected :-) Well, I archived the results that I want doing a modification to the autocomplete source code. I've added a async option, so if someone want's to use asyncs requests as a source of data it can now be done. The result is pretty simple: $(#city).autocomplete({ async: dwrHandler }); function dwrHandler(term, handler){ CityAutoComplete.find(term, handler); } Hope that It can be added to the source :-) I created a ticket for this http://dev.jqueryui.com/ticket/4402 Thanks again On Wed, Mar 25, 2009 at 11:12 AM, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: Ah, sorry. source expects a synchronous return as well, doesn't help at all in this case. Jörn On Wed, Mar 25, 2009 at 2:24 PM, Diego Plentz diego.pi...@gmail.com wrote: Thanks Jörn. Btw, the problem still here, because even if I do something like that: $(#city).autocomplete({ source: handleDWR }); function handleDWR(term){ TestAutoComplete.findAutoComplete(term, function(data) {return data}); } data never goes back to autocomplete to be properly rendered (because it is a asynchronous call). What am I missing here? Thanks again! On Tue, Mar 24, 2009 at 7:36 PM, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: The jQuery UI branch of the autocomplete plugin supports a source-option as an alternative to the url- und data-options. Give it a try and let us know if it works for you: http://jquery-ui.googlecode.com/svn/branches/dev/autocomplete/ http://jqueryui.pbwiki.com/SelectComboboxAutocomplete Jörn On Tue, Mar 24, 2009 at 10:39 PM, Diego Plentz diego.pi...@gmail.com wrote: Hey guys, I'm using jquery + autocomplete plugin (by Jörn) and I trying to make it work with DWR(http://directwebremoting.org/). My problem is that jquery autocomplete takes a url or data directly, but to make DWR works properly, I must use their javascript functions and handle the callback. Here is a example: TestAutoComplete.findAutoComplete(token, function(data) { /* do something with data*/ }); How to make it work with autocomplete, that works like this: $(#city).autocomplete(cities); Thanks in advance -- http://plentz.org -- http://plentz.org -- http://plentz.org
[jQuery] [autocomplete] jquery + dwr
Hey guys, I'm using jquery + autocomplete plugin (by Jörn) and I trying to make it work with DWR(http://directwebremoting.org/). My problem is that jquery autocomplete takes a url or data directly, but to make DWR works properly, I must use their javascript functions and handle the callback. Here is a example: TestAutoComplete.findAutoComplete(token, function(data) { /* do something with data*/ }); How to make it work with autocomplete, that works like this: $(#city).autocomplete(cities); Thanks in advance -- http://plentz.org
[jQuery] Re: Star rating plugin problems
This issue has been resolved. Please download the latest version of the plugin: This is an old issue which has been resolved. Please download the latest version of the plugin: http://www.fyneworks.com/jquery/star-rating/ On Jan 29, 6:44 pm, matthias.otto...@googlemail.com matthias.otto...@googlemail.com wrote: Hi Philip, I have exactly the same problem. Browser independent. JQuery 1.3.1 and Star Rating 2.61 (as of January 23, 2009). Also does: input name=star2 type=radio class=star/ input name=star2 type=radio class=star/ input name=star2 type=radio class=star checked=checked/ input name=star2 type=radio class=star/ input name=star2 type=radio class=star/ ... lead to: star-off, star-off, star-on, star-off, star-off - again happening in a container injected through AJAX. Thanks, Matt On Dec 7 2008, 9:23 pm, Philip Garrett phi...@pastemagazine.com wrote: Hi, I'm using the latest available version of thestarratingplugin from fyneworks (http://www.fyneworks.com/jquery/star-rating/) with jQuery 1.2.6. I'm having a few problems when using thestarratings with ajax. My ajax form actually replaces the div that contains the stars widget with a fresh one that represents the changedrating. After replacing the widget with $(#container).html(...), these problems start: 1. The cancel button disappears 2. Mouseovers on the stars stop working until you click anotherstar 3. Mouseovers get stuck (especially when mousing off rightwards) 4. This error will eventually happen: 'elem.parentNode is null' [jquery-1.2.6.js (line 1259)] I've put together a quick example of the problems here:http://www.pgarrett.net/stars/ Any help you can offer is appreciated. Thanks, Philip
[jQuery] Re: jqGrid UI Theming
Great Job... =) On Mar 16, 8:57 am, Tony t...@trirand.com wrote: I'm glad to anounce the new release of jqGrid wich is fully integrated with UI Theming. This is not a final release, but I hope to finish it as soon as possible. The demo can be found herehttp://www.trirand.com/jqgrid35/jqgrid.html Any comments and recommendations can be posted here or here:http://www.trirand.com/blog Enjoy Tony
[jQuery] NEW! Star Rating Plugin v3.00
NEW! jQuery Star Rating Plugin v3.00 http://www.fyneworks.com/jquery/star-rating/ New features: - Now entirely based in the $.fn.rating namespace - Now uses $.fn.data t9o store control settings - API to set control value / state via javascript - API to change readOnly option dynamically - API to enable / disable control (interrupts form submission) Fixed bugs: - The plugin no longer assumes (requires) that each group of elements has a separate parent ALSO: Be notified of future updates via this Twitter account: http://twitter.com/fyneworks
[jQuery] Re: alert('jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...'); in production code
Hi jodsalz.. I just install the JCarousel and play some hours it this plugin. I saw the same alert in my page after a ajax requisition ( overwriting the old code with the gallery ), after that, I don't have that structure with all ul li . So.. in the file: jquery.carousel.js, I change the function pos to: . . . pos: function(i){ if ($(ul#mycarousel).length == 0) { this.stopAuto(); return -1; } . . . and comment that alert. I know that is not the best way to fix this bug.. but know I can control, with this return, tha exactly moment when the user change de page. Sorry with my english.. I'm not american =P.. []'s On 10 mar, 19:23, jods...@googlemail.com jods...@googlemail.com wrote: I just ran into a problem caused by my adblocker. it removed a portion of the website that apparently was needed forjcarouselto determine the dimensions of its object. This caused a series of the above mentionedalertmessages. I cant even reconfigure my adblocker to not remove the element, because the carousel effect is trigger every second, leading into a newalert messages that blocks the whole window. I my opinion, this message is good in development mode, but has no benefit for the enduser and will likley confuse him/her.Alert messages should be avoided in most cases, since they are very intrusive. I would fix the code myself (simply removing it), but i don't know where the code is kept nor do i know what the usual approach would be to such a problem.
[jQuery] Re: alert('jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...'); in production code
Hi jodsalz.. I just install the JCarousel and play some hours it this plugin. I saw the same alert in my page after a ajax requisition ( overwriting the old code with the gallery ), after that, I don't have that structure with all ul li . So.. in the file: jquery.carousel.js, I change the function pos to: . . . pos: function(i){ if ($(ul#mycarousel).length == 0) { this.stopAuto(); return -1; } . . . and comment that alert. I know that is not the best way to fix this bug.. but now I can control, with this return, tha exactly moment when the user change de page. Sorry with my english.. I'm not american =P.. []'s On 10 mar, 19:23, jods...@googlemail.com jods...@googlemail.com wrote: I just ran into a problem caused by my adblocker. it removed a portion of the website that apparently was needed for jcarousel to determine the dimensions of its object. This caused a series of the above mentioned alert messages. I cant even reconfigure my adblocker to not remove the element, because the carousel effect is trigger every second, leading into a new alert messages that blocks the whole window. I my opinion, this message is good in development mode, but has no benefit for the enduser and will likley confuse him/her. Alert messages should be avoided in most cases, since they are very intrusive. I would fix the code myself (simply removing it), but i don't know where the code is kept nor do i know what the usual approach would be to such a problem.
[jQuery] unsubscribe
[jQuery] unsubscrive
[jQuery] unsubscrive
-- Diego Valobra pirolab WebDesign Roma
[jQuery] new plugin version debug
Hi all, if you have just few minutes, i need help to debug the script for the 1.1 version of pirobox. It works with jQuery 1.3.1 and also, obviously with 1.2.6. here is the link http://www.pirolab.it/demo/index_b.html any advice will be welcome tnx in advance to all Diego Valobra
[jQuery] Re: Possible 1.3 bug
Hi Karl, That seems to have worked perfectly. I was quite happy to wait for a new version but thank you for attending to this so quickly! Cheers, Diego A. 2009/1/15 Karl Swedberg k...@englishrules.com Thanks, Balazs! Hi Diego, I took a quick look at the moreSelectors script and noticed that it uses the [...@attr] syntax in a few places. It also defines the pseudo-selectors as strings. I took the liberty of updating the script. I removed the :csv() selector and the extended filter() method, though, because they were causing problems that I couldn't fix quickly. Try this one out and see if it works for you: http://test.learningjquery.com/scripts/jquery.moreselectors.js --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Jan 15, 2009, at 11:01 AM, Balazs Endresz wrote: In jquery.liveFilter.js a pseudo selector defined as a string, which was deprected since 1.2 if I remember right. jQuery.extend( jQuery.expr[':'], { insContains : jQuery(a).text().toUpperCase().indexOf(m [3].toUpperCase())=0 }); This should be a function instead: jQuery.expr[':'].insContains = function(a,i,m){ return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())=0 } On Jan 15, 4:09 pm, tpb976 tpb...@gmail.com wrote: It seems the problem has to do with creating custom selectors. I have a custom selector that I created and I am receiving this exact error. I am currently looking into the problem to see what I can figure out. On Jan 15, 9:05 am, Diego diego.a...@gmail.com wrote: Hi (me again), the problem was being caused by the moreSelectors plugin on this page: http://www.softwareunity.com/jquery/JQueryMoreSelectors/ On Jan 15, 2:40 pm, Diego diego.a...@gmail.com wrote: FYI. I found my offending code. It's a combination of these selectors: :text, :password, :file, :select, :button I just can't figure out why! On Jan 15, 7:39 am, emmj...@gmail.com emmj...@gmail.com wrote: I was checking all of my random plugins/scripts to make sure they all work with jQuery 1.3 and I found one that is having problems. An example of it is available at:http://digitalinferno.net/temp/ If you enter some text into the input firebug will report that filter is not a function in http://digitalinferno.net/temp/js/jquery.jsonline1961 Anyone know if this is a bug or if I have to change something in my code for the new 1.3 release?
[jQuery] Re: Possible 1.3 bug
I'm having the same problem. Has anyone overcome this yet? It sounds like we're using a selector that is no longer supported in jQuery 1.3. But which On Jan 15, 7:39 am, emmj...@gmail.com emmj...@gmail.com wrote: I was checking all of my random plugins/scripts to make sure they all work with jQuery 1.3 and I found one that is having problems. An example of it is available at:http://digitalinferno.net/temp/ If you enter some text into the input firebug will report that filter is not a function in http://digitalinferno.net/temp/js/jquery.json line 1961 Anyone know if this is a bug or if I have to change something in my code for the new 1.3 release?
[jQuery] Re: Possible 1.3 bug
FYI. I found my offending code. It's a combination of these selectors: :text, :password, :file, :select, :button I just can't figure out why! On Jan 15, 7:39 am, emmj...@gmail.com emmj...@gmail.com wrote: I was checking all of my random plugins/scripts to make sure they all work with jQuery 1.3 and I found one that is having problems. An example of it is available at:http://digitalinferno.net/temp/ If you enter some text into the input firebug will report that filter is not a function in http://digitalinferno.net/temp/js/jquery.json line 1961 Anyone know if this is a bug or if I have to change something in my code for the new 1.3 release?
[jQuery] Re: Possible 1.3 bug
Hi (me again), the problem was being caused by the moreSelectors plugin on this page: http://www.softwareunity.com/jquery/JQueryMoreSelectors/ On Jan 15, 2:40 pm, Diego diego.a...@gmail.com wrote: FYI. I found my offending code. It's a combination of these selectors: :text, :password, :file, :select, :button I just can't figure out why! On Jan 15, 7:39 am, emmj...@gmail.com emmj...@gmail.com wrote: I was checking all of my random plugins/scripts to make sure they all work with jQuery 1.3 and I found one that is having problems. An example of it is available at:http://digitalinferno.net/temp/ If you enter some text into the input firebug will report that filter is not a function in http://digitalinferno.net/temp/js/jquery.jsonline 1961 Anyone know if this is a bug or if I have to change something in my code for the new 1.3 release?
R: [jQuery] Merry Xmass
Merry Xmas to all the _jQueryans_ of the world from Italy :) Diego Valobra --- Mer 24/12/08, Lukas Polak polak.luka...@gmail.com ha scritto: Da: Lukas Polak polak.luka...@gmail.com Oggetto: [jQuery] Merry Xmass A: jQuery - mailinglist - general jquery-en@googlegroups.com Data: Mercoledì 24 dicembre 2008, 14:20 Hi everybody, I don't want you interrupt, but I don't know if you already notice that today is 24th December so at least today you shoold stop working and relax :) Merry Christmas to all of you :) elf from Slovakia
[jQuery] URGENT, URGENTE
02 dicembre alle ore 22.25 Rispondi Di a tutti i tuoi contatti della tua lista, di non accettare ne il contatto [EMAIL PROTECTED] ne un video di Bush, è un hacker, formatta il computer, ti cancella i contatti e ti toglie la password alla posta elettronica. ATTENZIONE, se i tuoi contatti lo accettano, pure tu lo prenderai, così invia il messaggio urgentemente a tutti, questo è di molta importanza, semplicemente copia e incolla.URGENTISIM !!!PER FAVORE, FAI CIRCOLARE QUESTO AVVISO AI TUOI AMICI, FAMILIARI, CONTATTI!!!Nei prossimi giorni devi stare attent@: Non aprire nessun messaggio con un allegato chiamato:Invito, idipendentemente da chi te lo invia. E' un virus che BRUCIA tutto l' hard disk del computer. Questo virus verrà da una persona conosciuta pche ti aveva nei contatti. E' per questo che devi inviare questo messaggio ai tuoi contatti.E' preferibile ricevere questo messaggio 25 volte che ricevere il virus e aprirlo. Se ricevi il messaggio chiamato:Invito, anche se è inviato da un amico, non aprirlo e spegni subito il computer. E' il peggior virus annunciato dalla CNN. 'Un nuovo virus è stato scoperto recentemente ed è stato classificato da Microsoft come il virus più distruttivo che sia esistito. Questo virus è stato scoperto ieri pomeriggio dalla Mc Afee e non c'è rimedio contro questa classe di virus.Questo virus distrugge semplicemente il Settore Zero del Hard Disk, dove le informazioni vitali della sua funzione vengono conservate. INVIA QUESTA E-MAIL A CHI CONOSCI. COPIA QUESTO TESTO E INVIALO A TUTTI I TUOI AMICI.RICORDA: SE LO INVII A LORO, December 02 at 22.25 Reply to all of your contacts in your list, not to accept it [EMAIL PROTECTED] contact and even a video of Bush, is a hacker, format the computer, you delete contacts and you cut off the password e-mail. ATTENTION, if your contacts so agree, and you catch it, just send an urgent message to all, this is very important, just copy and paste PLEASE, DO THIS CIRCULAR NOTICE TO YOUR FRIENDS, FAMILY, CONTACT! Over the next few days you have to be careful : Do not open any message with an attachment called: invitation or something like this,, idipendentemente to whom send it. It 'a virus that BURN the hard disk of your computer. This virus will come from a person known pche you had in contacts. And 'why you should send this message to your contacts.And' preferred receive this message 25 times to receive the virus and open it. If you receive the message called: invitation or something like this, even if it is sent by a friend, not open it and immediately turn off the computer. It 'the worst virus announced by CNN. 'A new virus was discovered recently and has been classified by Microsoft as the most destructive virus that has existed. This virus was discovered yesterday afternoon by Mc Afee and there is no remedy against this class of virus.This virus simply destroys the Zero Sector of the Hard Disk, where vital information of its function are preserved. SEND THIS E-MAIL TO GET TO KNOW ABOUT. COPY THIS TEXT and send to ALL YOUR friends.. -- Diego Valobra pirolab WebDesign Roma
[jQuery] Re: non-programmer
Hi ncriptide, take a look at these links, http://en.wikipedia.org/wiki/JavaScript http://www.w3schools.com/js/default.asp maybe useful Diego 2008/11/16 ncriptide [EMAIL PROTECTED] I've been a graphic designer for the past 25 years. Only programming I know is HTML and a little CSS. I'm about to try my hand at learning JavaScript and AJAX . . . . should I learn JavaScript first - and then learn JQuery, or will I be okay just diving into JQuery? Just to let you know - being a designer and working off that side of my brain - I have to tell you - even the most simple programming concepts come hard to me. The books, For Dummies are over my head. . . I tried learning PHP/MySQL . . . had to put it aside for now. Just can't wrap my brain around it. With that said, I am dogged determined to learn all the above, but figure I need JavaScript first. What do you recommend? Dive into JQuery?
[jQuery] Re: pirobox plugin released
Hi Shawn, you 'r right, spaces make the script more readable, i'm going to leave, for the unpacked version, the original script. tnx for your advices. Diego On 12 Nov, 02:26, Shawn Grover [EMAIL PROTECTED] wrote: I'd think that leaving the spaces and such in there make it more readable. And the more readable, the more reusable the code is by others. If you really want lightweight, then minimize or pack the library and use that version. But the developer version should be as developer friendly as possible... Of course this is just my opinion, and you are free to do as you wish.. :) Shawn diego wrote: You mean thishttp://www.pirolab.it/pirobox/js/pirobox.js?? unreadable? I changed all the original variables and removed all the spaces to get the script more lightweight. Just this :) On 12 Nov, 01:47, Isaak Malik [EMAIL PROTECTED] wrote: I just peeked at the source code and I'm wondering if this is the original version? It's quite unreadable. And of course, copyright notice will be kept untouched On Wed, Nov 12, 2008 at 1:43 AM, diego [EMAIL PROTECTED] wrote: This is great, the only thing i ask, is to leave my name up there in the js, and if you want, a link back to my page :) Diego On 12 Nov, 01:38, Isaak Malik [EMAIL PROTECTED] wrote: Oh, I didn't see the unpacked version and it was right under it... Thanks :) I may use this in a current project after some testing :) On Wed, Nov 12, 2008 at 1:34 AM, diego [EMAIL PROTECTED] wrote: Hi Isaak,i really hate explorer i work with firefox, for debug my script,and when i open explorer i'm really scared of what can happen.. sure that is open source, you can download both version, packed and unpacked,just click the anchor 'download' on the nav. Diego On 12 Nov, 01:27, Isaak Malik [EMAIL PROTECTED] wrote: It doesn't sound strange at all, we can expect anything from IE ;) It is very interesting indeed but what about the license + source code? Is this an opensource library, if so can you also provide a non-packed version? On Wed, Nov 12, 2008 at 1:13 AM, diego [EMAIL PROTECTED] wrote: Hi Isaak, i've tested it in ie6/7, ff2/3 , safari mac/pc , opera 9.5/9.6 , G. chrome, and the only problem i found it's with ie7,the animation is not as smooth as in firefox, it may sound strange but it works better with IE6, and not with ie7. It's ok in opera safari e chrome. The best performance is obviously in firefox, then chrome, safari, opera, IE6, and last ie7. Diego On 12 Nov, 00:59, Isaak Malik [EMAIL PROTECTED] wrote: Very interesting piece of work :), have you performed cross-browser tests? On Wed, Nov 12, 2008 at 12:55 AM, diego [EMAIL PROTECTED] wrote: Hi all, i've finished my first plugin, hope you like it, any question or opinion it's welcome. http://www.pirolab.it/pirobox/ I developed this plugin, by studying the docs.jquery, it's amazing what you can do with this library. Tnx to all the jquery developers. Diego Valobra -- Isaak Malik Web Developer -- Isaak Malik Web Developer -- Isaak Malik Web Developer -- Isaak Malik Web Developer
[jQuery] pirobox plugin released
Hi all, i've finished my first plugin, hope you like it, any question or opinion it's welcome. http://www.pirolab.it/pirobox/ I developed this plugin, by studying the docs.jquery, it's amazing what you can do with this library. Tnx to all the jquery developers. Diego Valobra
[jQuery] Re: pirobox plugin released
Hi Isaak, i've tested it in ie6/7, ff2/3 , safari mac/pc , opera 9.5/9.6 , G. chrome, and the only problem i found it's with ie7,the animation is not as smooth as in firefox, it may sound strange but it works better with IE6, and not with ie7. It's ok in opera safari e chrome. The best performance is obviously in firefox, then chrome, safari, opera, IE6, and last ie7. Diego On 12 Nov, 00:59, Isaak Malik [EMAIL PROTECTED] wrote: Very interesting piece of work :), have you performed cross-browser tests? On Wed, Nov 12, 2008 at 12:55 AM, diego [EMAIL PROTECTED] wrote: Hi all, i've finished my first plugin, hope you like it, any question or opinion it's welcome. http://www.pirolab.it/pirobox/ I developed this plugin, by studying the docs.jquery, it's amazing what you can do with this library. Tnx to all the jquery developers. Diego Valobra -- Isaak Malik Web Developer
[jQuery] Re: pirobox plugin released
Hi Isaak,i really hate explorer i work with firefox, for debug my script,and when i open explorer i'm really scared of what can happen.. sure that is open source, you can download both version, packed and unpacked,just click the anchor 'download' on the nav. Diego On 12 Nov, 01:27, Isaak Malik [EMAIL PROTECTED] wrote: It doesn't sound strange at all, we can expect anything from IE ;) It is very interesting indeed but what about the license + source code? Is this an opensource library, if so can you also provide a non-packed version? On Wed, Nov 12, 2008 at 1:13 AM, diego [EMAIL PROTECTED] wrote: Hi Isaak, i've tested it in ie6/7, ff2/3 , safari mac/pc , opera 9.5/9.6 , G. chrome, and the only problem i found it's with ie7,the animation is not as smooth as in firefox, it may sound strange but it works better with IE6, and not with ie7. It's ok in opera safari e chrome. The best performance is obviously in firefox, then chrome, safari, opera, IE6, and last ie7. Diego On 12 Nov, 00:59, Isaak Malik [EMAIL PROTECTED] wrote: Very interesting piece of work :), have you performed cross-browser tests? On Wed, Nov 12, 2008 at 12:55 AM, diego [EMAIL PROTECTED] wrote: Hi all, i've finished my first plugin, hope you like it, any question or opinion it's welcome. http://www.pirolab.it/pirobox/ I developed this plugin, by studying the docs.jquery, it's amazing what you can do with this library. Tnx to all the jquery developers. Diego Valobra -- Isaak Malik Web Developer -- Isaak Malik Web Developer
[jQuery] Re: pirobox plugin released
This is great, the only thing i ask, is to leave my name up there in the js, and if you want, a link back to my page :) Diego On 12 Nov, 01:38, Isaak Malik [EMAIL PROTECTED] wrote: Oh, I didn't see the unpacked version and it was right under it... Thanks :) I may use this in a current project after some testing :) On Wed, Nov 12, 2008 at 1:34 AM, diego [EMAIL PROTECTED] wrote: Hi Isaak,i really hate explorer i work with firefox, for debug my script,and when i open explorer i'm really scared of what can happen.. sure that is open source, you can download both version, packed and unpacked,just click the anchor 'download' on the nav. Diego On 12 Nov, 01:27, Isaak Malik [EMAIL PROTECTED] wrote: It doesn't sound strange at all, we can expect anything from IE ;) It is very interesting indeed but what about the license + source code? Is this an opensource library, if so can you also provide a non-packed version? On Wed, Nov 12, 2008 at 1:13 AM, diego [EMAIL PROTECTED] wrote: Hi Isaak, i've tested it in ie6/7, ff2/3 , safari mac/pc , opera 9.5/9.6 , G. chrome, and the only problem i found it's with ie7,the animation is not as smooth as in firefox, it may sound strange but it works better with IE6, and not with ie7. It's ok in opera safari e chrome. The best performance is obviously in firefox, then chrome, safari, opera, IE6, and last ie7. Diego On 12 Nov, 00:59, Isaak Malik [EMAIL PROTECTED] wrote: Very interesting piece of work :), have you performed cross-browser tests? On Wed, Nov 12, 2008 at 12:55 AM, diego [EMAIL PROTECTED] wrote: Hi all, i've finished my first plugin, hope you like it, any question or opinion it's welcome. http://www.pirolab.it/pirobox/ I developed this plugin, by studying the docs.jquery, it's amazing what you can do with this library. Tnx to all the jquery developers. Diego Valobra -- Isaak Malik Web Developer -- Isaak Malik Web Developer -- Isaak Malik Web Developer
[jQuery] Re: pirobox plugin released
You mean this http://www.pirolab.it/pirobox/js/pirobox.js ?? unreadable? I changed all the original variables and removed all the spaces to get the script more lightweight. Just this :) On 12 Nov, 01:47, Isaak Malik [EMAIL PROTECTED] wrote: I just peeked at the source code and I'm wondering if this is the original version? It's quite unreadable. And of course, copyright notice will be kept untouched On Wed, Nov 12, 2008 at 1:43 AM, diego [EMAIL PROTECTED] wrote: This is great, the only thing i ask, is to leave my name up there in the js, and if you want, a link back to my page :) Diego On 12 Nov, 01:38, Isaak Malik [EMAIL PROTECTED] wrote: Oh, I didn't see the unpacked version and it was right under it... Thanks :) I may use this in a current project after some testing :) On Wed, Nov 12, 2008 at 1:34 AM, diego [EMAIL PROTECTED] wrote: Hi Isaak,i really hate explorer i work with firefox, for debug my script,and when i open explorer i'm really scared of what can happen.. sure that is open source, you can download both version, packed and unpacked,just click the anchor 'download' on the nav. Diego On 12 Nov, 01:27, Isaak Malik [EMAIL PROTECTED] wrote: It doesn't sound strange at all, we can expect anything from IE ;) It is very interesting indeed but what about the license + source code? Is this an opensource library, if so can you also provide a non-packed version? On Wed, Nov 12, 2008 at 1:13 AM, diego [EMAIL PROTECTED] wrote: Hi Isaak, i've tested it in ie6/7, ff2/3 , safari mac/pc , opera 9.5/9.6 , G. chrome, and the only problem i found it's with ie7,the animation is not as smooth as in firefox, it may sound strange but it works better with IE6, and not with ie7. It's ok in opera safari e chrome. The best performance is obviously in firefox, then chrome, safari, opera, IE6, and last ie7. Diego On 12 Nov, 00:59, Isaak Malik [EMAIL PROTECTED] wrote: Very interesting piece of work :), have you performed cross-browser tests? On Wed, Nov 12, 2008 at 12:55 AM, diego [EMAIL PROTECTED] wrote: Hi all, i've finished my first plugin, hope you like it, any question or opinion it's welcome. http://www.pirolab.it/pirobox/ I developed this plugin, by studying the docs.jquery, it's amazing what you can do with this library. Tnx to all the jquery developers. Diego Valobra -- Isaak Malik Web Developer -- Isaak Malik Web Developer -- Isaak Malik Web Developer -- Isaak Malik Web Developer
[jQuery] $(this).next() doesn't work
Hi all. how can i addClass from the clicked element lia to the next li? i've tried this $('.first li a').bind('click',function() $(this).next('li').addClass('second'); }); but won't work, the original code : div class=first ul lia href=#img//a/li lia href=#img//a/li lia href=#img//a/li lia href=#img//a/li /ul /div and clicking on the first $('li a') the output code should be : div class=first ul lia href=#img//a/li li class=seconda href=#img//a/li lia href=#img//a/li lia href=#img//a/li /ul /div any idea ?? Tnx in advance Diego
[jQuery] R: [jQuery] $(this).next() doesn't work
I forgot to say that i need to use $('.first li a').bind('click',function() 'couse with the var pathImg = $(this).attr('href'); i get the href of the clicked element. Diego --- Ven 7/11/08, diego [EMAIL PROTECTED] ha scritto: Da: diego [EMAIL PROTECTED] Oggetto: [jQuery] $(this).next() doesn't work A: jQuery (English) jquery-en@googlegroups.com Data: Venerdì 7 novembre 2008, 10:17 Hi all. how can i addClass from the clicked element lia to the next li? i've tried this $('.first li a').bind('click',function() $(this).next('li').addClass('second'); }); but won't work, the original code : div class=first ul lia href=#img//a/li lia href=#img//a/li lia href=#img//a/li lia href=#img//a/li /ul /div and clicking on the first $('li a') the output code should be : div class=first ul lia href=#img//a/li li class=seconda href=#img//a/li lia href=#img//a/li lia href=#img//a/li /ul /div any idea ?? Tnx in advance Diego Unisciti alla community di Io fotografo e video, il nuovo corso di fotografia di Gazzetta dello sport: http://www.flickr.com/groups/iofotografoevideo
[jQuery] Re: $(this).next() doesn't work
Rik, tnx you gave me the right inputi'm solving it Diego 2008/11/7 Rik Lomas [EMAIL PROTECTED] You need to do: $(this).parent().next().addClass('second'); As the element the click is attached to is the a, so you need to traverse up the DOM tree first Rik 2008/11/7 diego [EMAIL PROTECTED]: Hi all. how can i addClass from the clicked element lia to the next li? i've tried this $('.first li a').bind('click',function() $(this).next('li').addClass('second'); }); but won't work, the original code : div class=first ul lia href=#img//a/li lia href=#img//a/li lia href=#img//a/li lia href=#img//a/li /ul /div and clicking on the first $('li a') the output code should be : div class=first ul lia href=#img//a/li li class=seconda href=#img//a/li lia href=#img//a/li lia href=#img//a/li /ul /div any idea ?? Tnx in advance Diego -- Rik Lomas http://rikrikrik.com
[jQuery] Re: Crossbrowser problem with Jquery Extension fieldSelection
Please? On Tue, Nov 4, 2008 at 13:07, Diego Pessoa [EMAIL PROTECTED] wrote: Can someone help me? On Mon, Nov 3, 2008 at 19:40, Diego Pessoa [EMAIL PROTECTED]wrote: Hi, I'm using the Jquery extension fieldSelection ( See at: http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html ) This extension resolves the selectRange problem of the tradicional javascript, but, I found another problem now, the start and end positions returned are different in IE and FF. Look at this: In the fieldselection extension's site, we've a example box, when I select the word test of the second textarea, in the Internet Explorer it shows: start: 31 , end: 35 and in the Firefox: start: 29, end: 33 This difference is because the firefox don't count the \n caracter... How can I get the same positions in both browsers? Thankx, Diego Pessoa
[jQuery] Re: Crossbrowser problem with Jquery Extension fieldSelection
Can someone help me? On Mon, Nov 3, 2008 at 19:40, Diego Pessoa [EMAIL PROTECTED] wrote: Hi, I'm using the Jquery extension fieldSelection ( See at: http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html ) This extension resolves the selectRange problem of the tradicional javascript, but, I found another problem now, the start and end positions returned are different in IE and FF. Look at this: In the fieldselection extension's site, we've a example box, when I select the word test of the second textarea, in the Internet Explorer it shows: start: 31 , end: 35 and in the Firefox: start: 29, end: 33 This difference is because the firefox don't count the \n caracter... How can I get the same positions in both browsers? Thankx, Diego Pessoa
[jQuery] R: [jQuery] search for text and replace or remove the element entirely
Hi devin, see if this could be what you'r looking for: http://docs.jquery.com/Selectors/contains#text Diego --- Lun 3/11/08, Devin [EMAIL PROTECTED] ha scritto: Da: Devin [EMAIL PROTECTED] Oggetto: [jQuery] search for text and replace or remove the element entirely A: jQuery (English) jquery-en@googlegroups.com Data: Lunedì 3 novembre 2008, 13:41 Hi I'm trying to devise a way to check each cell in a table for a particular value. When the value is found, I want to remove the row from the document. Or, when its found I want to do a replace. (ie $ (this).innerHTML.replace(name, Devin) I know that syntax is wrong but I think it gets across what I'm trying to do) Thanks. D Unisciti alla community di Io fotografo e video, il nuovo corso di fotografia di Gazzetta dello sport: http://www.flickr.com/groups/iofotografoevideo
[jQuery] Crossbrowser with Jquery Extension fieldSelection
Hi, I'm using the Jquery extension fieldSelection ( See at: http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html ) This extension resolves the selectRange problem of the tradicional javascript, but, I found another problem now, the start and end positions returned are different in IE and FF. Look at this: In the fieldselection extension's site, we've a example box, when I select the word test of the second textarea, in the Internet Explorer it shows: start: 31 , end: 35 and in the Firefox: start: 29, end: 33 This difference is because the firefox don't count the \n caracter... How can I get the same positions in both browsers? Thankx, Diego Pessoa
[jQuery] Crossbrowser problem with Jquery Extension fieldSelection
Hi, I'm using the Jquery extension fieldSelection ( See at: http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html ) This extension resolves the selectRange problem of the tradicional javascript, but, I found another problem now, the start and end positions returned are different in IE and FF. Look at this: In the fieldselection extension's site, we've a example box, when I select the word test of the second textarea, in the Internet Explorer it shows: start: 31 , end: 35 and in the Firefox: start: 29, end: 33 This difference is because the firefox don't count the \n caracter... How can I get the same positions in both browsers? Thankx, Diego Pessoa
[jQuery] Re: my first plugin
I've updated my plugin, i added: caption as option, thumbs_nav when image is zoomed, auto resize of images if bigger then window dimension. http://www.pirolab.it/pirobox/ Regards Diego On 29 Ott, 00:18, diego [EMAIL PROTECTED] wrote: Hi Microbe, i'm glad that you like my work, today i just finished to develop the basic options about my script,and it works fine with all browsers tested,FF2/3, opera 9,ie6/7,safari(for pc), google chrome, and this is a great result for me. I want to add the next and prev btns, and a space for img description, but it will takes a while. I will complete the plugin in a few days. regards Diego Valobra On 28 Ott, 23:49, Microbe [EMAIL PROTECTED] wrote: I should add, this is a great solution to another issue. I use highslide on a website but just loading when the combination is Win2K and IE6 causes a computer to reboot
[jQuery] help for plugin
Hi all, i'm trying to improve my plugin http://www.pirolab.it/pirobox/ My problem is to create the next and prev buttons function to call next and prev image, i'm not a programmer and your help would be great, more brains works better than one :) here is the script http://www.pirolab.it/pirobox/js/pirobox.js TNX in advance Diego Valobra
[jQuery] Re: onclick change class to new class
Hi Anton, $('#gt').click(function() { //-- # this is wrong, you don't have a gt #id but a gt.class so you have to change #gt in .gt $(this).removeClass(gt); $(this).addClass(gt_active); }); this should work: $('.gt').click(function() { $(this).removeClass(gt); $(this).addClass(gt_active); }); try it, regards Diego 2008/10/30 Anton Babushkin [EMAIL PROTECTED] You should be attaching your click bind to the anchor element not the list element, since thats whats going to be firing the event. On Oct 30, 1:18 pm, Info [EMAIL PROTECTED] wrote: Hello All, I have a CSS list that I use as my navigation. Each LI has a background image as the base and a a:hover image for roll over. Within the LI item for the navaigation I have a ahref that is used to fire off some jquery function. All this worksnow I want to change the LI item to another css class if it clicked. I have tried this: $('#gt').click(function() { $(this).removeClass(gt); $(this).addClass(gt_active); }); But that doesn't work :-( Here is a sample of the complete code: HTML div class=order_menu ul li class=gta href=#1 class=cross-link/a/ li li class=lta href=#2 class=cross-link/a/ li li class=pta href=#3 class=cross-link/a/ li /ul /div CSS: #main_container #left_container .mid_outer .slide_outer .order_menu li.gt a{float:left; width:235px; height:54px; background:url(../images/ gt.jpg) no-repeat top left;} #main_container #left_container .mid_outer .slide_outer .order_menu li.gt a:hover{background:url(../images/gt_over.jpg) no-repeat top left;} #main_container #left_container .mid_outer .slide_outer .order_menu li.gt_active{float:left; width:235px; height:54px; background:url(../ images/gt_over.jpg) no-repeat top left;} Any help would be great!
[jQuery] R: [jQuery] Re: Need help !!! $.preloadCssImages is not a function
Hi Erik, try to remove all the mootools.js, probably there's a conflict. Diego --- Mer 29/10/08, ricardobeat [EMAIL PROTECTED] ha scritto: Da: ricardobeat [EMAIL PROTECTED] Oggetto: [jQuery] Re: Need help !!! $.preloadCssImages is not a function A: jQuery (English) jquery-en@googlegroups.com Data: Mercoledì 29 ottobre 2008, 23:35 Should work, are you calling the function on DOM ready? script ..jquery.. script ..preload.. script type=text/javascript $(document).ready(function(){ $.preloadCSSImages(); }); /script On Oct 29, 5:28 pm, Erik [EMAIL PROTECTED] wrote: I'm getting the following error via FireFox? Error Plugin (also IE errors): $.preloadCssImages is not a function I want to preload all of my images. I cannot locate the solution. I've tried everything !!! Please visit my test page:http://www.naturalskinsolutions.com/test.htm Source files:http://www.naturalskinsolutions.com//src/js/jquery/jquery.min.jshttp://www.naturalskinsolutions.com//src/js/jquery/preloadCssImages.j... I've downloaded the most recent versions of the necessary files and tested full paths in the head section and abbreviated paths / src/.. Still no fix. script src=/src/js/jquery/jquery.min.js type=text/javascript/ script script src=/src/js/jquery/preloadCssImages.jQuery_v4.js type=text/ javascript/script It just doesn't make since for me. Any help would be greatly appeciated. Erik Unisciti alla community di Io fotografo e video, il nuovo corso di fotografia di Gazzetta dello sport: http://www.flickr.com/groups/iofotografoevideo
[jQuery] my first plugin
Hi all, i'm going to finish my first plugin, i'm not exactly a programmer.. just a webdesigner with aptitude for programming, especially with jquery :) I would like your opinion about this plugin, and some advices to make it work better. here it's a simple demo page.. http://www.pirolab.it/piro_09/pirobox.html Here again an example associated with a web page complete http://www.pirolab.it/piro_09/index2.html in the end, my code.. http://www.pirolab.it/piro_09/js/pirobox.js TNX to all. Diego Valobra
[jQuery] Re: my first plugin
Hi Validatorian,tnx for your reply, the loader it's just there, but maybe it's too dark to see it, i'm going to change it. :) Regards Diego On 28 Ott, 20:43, Validatorian [EMAIL PROTECTED] wrote: Hi Diego, I think it's a nice plugin (just tested it, didn't look at code) I think it might be better if you showed some loading indicator somehow, while it's waiting to load the large images. Other than than, good job on your first plugin! On Oct 28, 12:04 pm, diego [EMAIL PROTECTED] wrote: Hi all, i'm going to finish my first plugin, i'm not exactly a programmer.. just a webdesigner with aptitude for programming, especially with jquery :) I would like your opinion about this plugin, and some advices to make it work better. here it's a simple demo page.. http://www.pirolab.it/piro_09/pirobox.html Here again an example associated with a web page complete http://www.pirolab.it/piro_09/index2.html in the end, my code.. http://www.pirolab.it/piro_09/js/pirobox.js TNX to all. Diego Valobra
[jQuery] Re: my first plugin
Hi Andy, tnx for your reply, the animation hover the thumbs it's very simple: $('.img_in li').hover(function() { var img = $(this).attr('title') $('#'+img).stop().animate({ padding:'10px', height : '124px', width: '179px', opacity: 0.8 }, 150); }, function(){ var img = $(this).attr('title') $('#'+img).stop().animate({ padding:'0px', height : '139px', width: '200px', opacity: 1 }, 150); }); here it is. regards Diego On 28 Ott, 21:07, diego [EMAIL PROTECTED] wrote: Hi Validatorian,tnx for your reply, the loader it's just there, but maybe it's too dark to see it, i'm going to change it. :) Regards Diego On 28 Ott, 20:43, Validatorian [EMAIL PROTECTED] wrote: Hi Diego, I think it's a nice plugin (just tested it, didn't look at code) I think it might be better if you showed some loading indicator somehow, while it's waiting to load the large images. Other than than, good job on your first plugin! On Oct 28, 12:04 pm, diego [EMAIL PROTECTED] wrote: Hi all, i'm going to finish my first plugin, i'm not exactly a programmer.. just a webdesigner with aptitude for programming, especially with jquery :) I would like your opinion about this plugin, and some advices to make it work better. here it's a simple demo page.. http://www.pirolab.it/piro_09/pirobox.html Here again an example associated with a web page complete http://www.pirolab.it/piro_09/index2.html in the end, my code.. http://www.pirolab.it/piro_09/js/pirobox.js TNX to all. Diego Valobra
[jQuery] Re: my first plugin
Hi Microbe, i'm glad that you like my work, today i just finished to develop the basic options about my script,and it works fine with all browsers tested,FF2/3, opera 9,ie6/7,safari(for pc), google chrome, and this is a great result for me. I want to add the next and prev btns, and a space for img description, but it will takes a while. I will complete the plugin in a few days. regards Diego Valobra On 28 Ott, 23:49, Microbe [EMAIL PROTECTED] wrote: I should add, this is a great solution to another issue. I use highslide on a website but just loading when the combination is Win2K and IE6 causes a computer to reboot
[jQuery] .attr('height')
Hi all, I'm building a gallery, and so far it works in every browser except Internet Explorer, The problem is that IE (burns to hell) doesn't read these variables var height = $('#'+litebox+'img.lite').attr('height'); var width = $('#'+litebox+'img.lite').attr('width'); the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0 and i really don't know why I tried to change the attributes height and width, in title and alt, giving the dimensions to the image in that way , and it works, but I cannot use title and alt to assign dimensions. I just want to understand why it does not work.. Below a part of the js code: $('.img_in li a ').click(function () { $('.bg_thumbs').show().css({'opacity':'0','z- index':'999'}).fadeTo(200,0.4) $('.thumbs_big ').css({ 'background-color':'#000', 'background-image':'url(css3/ajax-loader.gif)', 'background-repeat':'no-repeat', 'background-position':'center'}) var litebox = $(this).attr('rel'); var height = $('#'+litebox +'img.lite').attr('height'); var width = $('#'+litebox +'img.lite').attr('width'); $('#'+litebox).show().css('opacity',0).animate({ borderWidth : '4px', top :'50%', height : (height ) + 'px' , width : (width ) + 'px' , marginLeft : '-' +((width )/2) +'px', marginTop : '-' +((height )/2) +'px', opacity : 1 },600) alert(litebox+'-'+height + '-'+width ); $('#'+litebox).queue(function(){ $('.thumbs_big img').css({'opacity':'0' ,'display' : 'block'}).fadeTo(300,1) $('.thumbs_big ').css('background','#000') $('#'+litebox).dequeue() }); return false; }); and here a part of html code: li id=img_1 title=thumb_1 a href=# rel=img1img src=images/diegovalobra.jpg alt=prova width=200 height=139 id=thumb_1//a /li span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg alt=prova width=900 height=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span I've tested the code in firefox, opera, google chrome, safari(pc) and works fine... IE sucks every kind of help is appreciated, thanks to all :) Diego
[jQuery] Re: .attr('height')
here an exemple http://www.pirolab.it/piro_09/index2.html the first three thumbs of the first box diego On 23 Ott, 14:00, diego [EMAIL PROTECTED] wrote: Hi all, I'm building a gallery, and so far it works in every browser except Internet Explorer, The problem is that IE (burns to hell) doesn't read these variables var height = $('#'+litebox+'img.lite').attr('height'); var width = $('#'+litebox+'img.lite').attr('width'); the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0 and i really don't know why I tried to change the attributes height and width, in title and alt, giving the dimensions to the image in that way , and it works, but I cannot use title and alt to assign dimensions. I just want to understand why it does not work.. Below a part of the js code: $('.img_in li a ').click(function () { $('.bg_thumbs').show().css({'opacity':'0','z- index':'999'}).fadeTo(200,0.4) $('.thumbs_big ').css({ 'background-color':'#000', 'background-image':'url(css3/ajax-loader.gif)', 'background-repeat':'no-repeat', 'background-position':'center'}) var litebox = $(this).attr('rel'); var height = $('#'+litebox +'img.lite').attr('height'); var width = $('#'+litebox +'img.lite').attr('width'); $('#'+litebox).show().css('opacity',0).animate({ borderWidth : '4px', top :'50%', height : (height ) + 'px' , width : (width ) + 'px' , marginLeft : '-' +((width )/2) +'px', marginTop : '-' +((height )/2) +'px', opacity : 1 },600) alert(litebox+'-'+height + '-'+width ); $('#'+litebox).queue(function(){ $('.thumbs_big img').css({'opacity':'0' ,'display' : 'block'}).fadeTo(300,1) $('.thumbs_big ').css('background','#000') $('#'+litebox).dequeue() }); return false; }); and here a part of html code: li id=img_1 title=thumb_1 a href=# rel=img1img src=images/diegovalobra.jpg alt=prova width=200 height=139 id=thumb_1//a /li span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg alt=prova width=900 height=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span I've tested the code in firefox, opera, google chrome, safari(pc) and works fine... IE sucks every kind of help is appreciated, thanks to all :) Diego
[jQuery] Re: .attr('height')
The problem is that the my elements are 'display:none' that's why if i try your code the alert returns 0-0, i need to use .attr, height and width.. Diego On 23 Ott, 14:08, diego [EMAIL PROTECTED] wrote: here an exemplehttp://www.pirolab.it/piro_09/index2.html the first three thumbs of the first box diego On 23 Ott, 14:00, diego [EMAIL PROTECTED] wrote: Hi all, I'm building a gallery, and so far it works in every browser except Internet Explorer, The problem is that IE (burns to hell) doesn't read these variables var height = $('#'+litebox+'img.lite').attr('height'); var width = $('#'+litebox+'img.lite').attr('width'); the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0 and i really don't know why I tried to change the attributes height and width, in title and alt, giving the dimensions to the image in that way , and it works, but I cannot use title and alt to assign dimensions. I just want to understand why it does not work.. Below a part of the js code: $('.img_in li a ').click(function () { $('.bg_thumbs').show().css({'opacity':'0','z- index':'999'}).fadeTo(200,0.4) $('.thumbs_big ').css({ 'background-color':'#000', 'background-image':'url(css3/ajax-loader.gif)', 'background-repeat':'no-repeat', 'background-position':'center'}) var litebox = $(this).attr('rel'); var height = $('#'+litebox +'img.lite').attr('height'); var width = $('#'+litebox +'img.lite').attr('width'); $('#'+litebox).show().css('opacity',0).animate({ borderWidth : '4px', top :'50%', height : (height ) + 'px' , width : (width ) + 'px' , marginLeft : '-' +((width )/2) +'px', marginTop : '-' +((height )/2) +'px', opacity : 1 },600) alert(litebox+'-'+height + '-'+width ); $('#'+litebox).queue(function(){ $('.thumbs_big img').css({'opacity':'0' ,'display' : 'block'}).fadeTo(300,1) $('.thumbs_big ').css('background','#000') $('#'+litebox).dequeue() }); return false; }); and here a part of html code: li id=img_1 title=thumb_1 a href=# rel=img1img src=images/diegovalobra.jpg alt=prova width=200 height=139 id=thumb_1//a /li span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg alt=prova width=900 height=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span I've tested the code in firefox, opera, google chrome, safari(pc) and works fine... IE sucks every kind of help is appreciated, thanks to all :) Diego
[jQuery] Re: .attr('height')
Hi weidc, look at this..i've changed the .attr : var litebox = $(this).attr('rel'); var altezza = $('#'+litebox+'img.lite').attr('alt'); and the html span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg title=900 alt=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span and it works in ie6/7 , i really don't understand.. http://www.pirolab.it/piro_09/index2.html On 23 Ott, 15:23, weidc [EMAIL PROTECTED] wrote: mh ye i see. can't even change the attr in ie itself 'cause it always gets 0 again. maybe it doesn't like that in $('#'+litebox+'img.lite'). atm i don't see a mistake in your script. -weidc On 23 Okt., 14:27, diego [EMAIL PROTECTED] wrote: The problem is that the my elements are 'display:none' that's why if i try your code the alert returns 0-0, i need to use .attr, height and width.. Diego On 23 Ott, 14:08, diego [EMAIL PROTECTED] wrote: here an exemplehttp://www.pirolab.it/piro_09/index2.html the first three thumbs of the first box diego On 23 Ott, 14:00, diego [EMAIL PROTECTED] wrote: Hi all, I'm building a gallery, and so far it works in every browser except Internet Explorer, The problem is that IE (burns to hell) doesn't read these variables var height = $('#'+litebox+'img.lite').attr('height'); var width = $('#'+litebox+'img.lite').attr('width'); the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0 and i really don't know why I tried to change the attributes height and width, in title and alt, giving the dimensions to the image in that way , and it works, but I cannot use title and alt to assign dimensions. I just want to understand why it does not work.. Below a part of the js code: $('.img_in li a ').click(function () { $('.bg_thumbs').show().css({'opacity':'0','z- index':'999'}).fadeTo(200,0.4) $('.thumbs_big ').css({ 'background-color':'#000', 'background-image':'url(css3/ajax-loader.gif)', 'background-repeat':'no-repeat', 'background-position':'center'}) var litebox = $(this).attr('rel'); var height = $('#'+litebox +'img.lite').attr('height'); var width = $('#'+litebox +'img.lite').attr('width'); $('#'+litebox).show().css('opacity',0).animate({ borderWidth : '4px', top :'50%', height : (height ) + 'px' , width : (width ) + 'px' , marginLeft : '-' +((width )/2) +'px', marginTop : '-' +((height )/2) +'px', opacity : 1 },600) alert(litebox+'-'+height + '-'+width ); $('#'+litebox).queue(function(){ $('.thumbs_big img').css({'opacity':'0' ,'display' : 'block'}).fadeTo(300,1) $('.thumbs_big ').css('background','#000') $('#'+litebox).dequeue() }); return false; }); and here a part of html code: li id=img_1 title=thumb_1 a href=# rel=img1img src=images/diegovalobra.jpg alt=prova width=200 height=139 id=thumb_1//a /li span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg alt=prova width=900 height=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span I've tested the code in firefox, opera, google chrome, safari(pc) and works fine... IE sucks every kind of help is appreciated, thanks to all :) Diego
[jQuery] Re: .attr('height')
hi weidc, i've changed the .attr: var altezza = $('#'+litebox+'img.lite').attr('alt'); var larghezza = $('#'+litebox+'img.lite').attr('title'); span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg title=900 alt=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span and it works fine in ie6/7 http://www.pirolab.it/piro_09/index2.html but i can't use that attributes, i have to find a better way to do it. Any idea?? Diego On 23 Ott, 15:23, weidc [EMAIL PROTECTED] wrote: mh ye i see. can't even change the attr in ie itself 'cause it always gets 0 again. maybe it doesn't like that in $('#'+litebox+'img.lite'). atm i don't see a mistake in your script. -weidc On 23 Okt., 14:27, diego [EMAIL PROTECTED] wrote: The problem is that the my elements are 'display:none' that's why if i try your code the alert returns 0-0, i need to use .attr, height and width.. Diego On 23 Ott, 14:08, diego [EMAIL PROTECTED] wrote: here an exemplehttp://www.pirolab.it/piro_09/index2.html the first three thumbs of the first box diego On 23 Ott, 14:00, diego [EMAIL PROTECTED] wrote: Hi all, I'm building a gallery, and so far it works in every browser except Internet Explorer, The problem is that IE (burns to hell) doesn't read these variables var height = $('#'+litebox+'img.lite').attr('height'); var width = $('#'+litebox+'img.lite').attr('width'); the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0 and i really don't know why I tried to change the attributes height and width, in title and alt, giving the dimensions to the image in that way , and it works, but I cannot use title and alt to assign dimensions. I just want to understand why it does not work.. Below a part of the js code: $('.img_in li a ').click(function () { $('.bg_thumbs').show().css({'opacity':'0','z- index':'999'}).fadeTo(200,0.4) $('.thumbs_big ').css({ 'background-color':'#000', 'background-image':'url(css3/ajax-loader.gif)', 'background-repeat':'no-repeat', 'background-position':'center'}) var litebox = $(this).attr('rel'); var height = $('#'+litebox +'img.lite').attr('height'); var width = $('#'+litebox +'img.lite').attr('width'); $('#'+litebox).show().css('opacity',0).animate({ borderWidth : '4px', top :'50%', height : (height ) + 'px' , width : (width ) + 'px' , marginLeft : '-' +((width )/2) +'px', marginTop : '-' +((height )/2) +'px', opacity : 1 },600) alert(litebox+'-'+height + '-'+width ); $('#'+litebox).queue(function(){ $('.thumbs_big img').css({'opacity':'0' ,'display' : 'block'}).fadeTo(300,1) $('.thumbs_big ').css('background','#000') $('#'+litebox).dequeue() }); return false; }); and here a part of html code: li id=img_1 title=thumb_1 a href=# rel=img1img src=images/diegovalobra.jpg alt=prova width=200 height=139 id=thumb_1//a /li span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg alt=prova width=900 height=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span I've tested the code in firefox, opera, google chrome, safari(pc) and works fine... IE sucks every kind of help is appreciated, thanks to all :) Diego
[jQuery] Re: .attr('height')
weidc i found the bug, at the elements with css 'display:none' IE gives width and height = 0, that's why i have in return 0-0, i think i'll work on it, trying to overcome this IE bug.. Anyway thank you very much for support.. Diego On 23 Ott, 16:16, weidc [EMAIL PROTECTED] wrote: oh my god this sucks. kind of frustrating huh? i'll keep on thinking about it. -weidc On 23 Okt., 15:56, diego [EMAIL PROTECTED] wrote: Hi weidc, look at this..i've changed the .attr : var litebox = $(this).attr('rel'); var altezza = $('#'+litebox+'img.lite').attr('alt'); and the html span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg title=900 alt=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span and it works in ie6/7 , i really don't understand.. http://www.pirolab.it/piro_09/index2.html On 23 Ott, 15:23, weidc [EMAIL PROTECTED] wrote: mh ye i see. can't even change the attr in ie itself 'cause it always gets 0 again. maybe it doesn't like that in $('#'+litebox+'img.lite'). atm i don't see a mistake in your script. -weidc On 23 Okt., 14:27, diego [EMAIL PROTECTED] wrote: The problem is that the my elements are 'display:none' that's why if i try your code the alert returns 0-0, i need to use .attr, height and width.. Diego On 23 Ott, 14:08, diego [EMAIL PROTECTED] wrote: here an exemplehttp://www.pirolab.it/piro_09/index2.html the first three thumbs of the first box diego On 23 Ott, 14:00, diego [EMAIL PROTECTED] wrote: Hi all, I'm building a gallery, and so far it works in every browser except Internet Explorer, The problem is that IE (burns to hell) doesn't read these variables var height = $('#'+litebox+'img.lite').attr('height'); var width = $('#'+litebox+'img.lite').attr('width'); the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0 and i really don't know why I tried to change the attributes height and width, in title and alt, giving the dimensions to the image in that way , and it works, but I cannot use title and alt to assign dimensions. I just want to understand why it does not work.. Below a part of the js code: $('.img_in li a ').click(function () { $('.bg_thumbs').show().css({'opacity':'0','z- index':'999'}).fadeTo(200,0.4) $('.thumbs_big ').css({ 'background-color':'#000', 'background-image':'url(css3/ajax-loader.gif)', 'background-repeat':'no-repeat', 'background-position':'center'}) var litebox = $(this).attr('rel'); var height = $('#'+litebox +'img.lite').attr('height'); var width = $('#'+litebox +'img.lite').attr('width'); $('#'+litebox).show().css('opacity',0).animate({ borderWidth : '4px', top :'50%', height : (height ) + 'px' , width : (width ) + 'px' , marginLeft : '-' +((width )/2) +'px', marginTop : '-' +((height )/2) +'px', opacity : 1 },600) alert(litebox+'-'+height + '-'+width ); $('#'+litebox).queue(function(){ $('.thumbs_big img').css({'opacity':'0' ,'display' : 'block'}).fadeTo(300,1) $('.thumbs_big ').css('background','#000') $('#'+litebox).dequeue() }); return false; }); and here a part of html code: li id=img_1 title=thumb_1 a href=# rel=img1img src=images/diegovalobra.jpg alt=prova width=200 height=139 id=thumb_1//a /li span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg alt=prova width=900 height=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span I've
[jQuery] Re: .attr('height')
I've done it...i don't use display:none , instead i use visibility:hidden hideing the elements by js, works fine in all browser... http://www.pirolab.it/piro_09/index2.html tnx again Diego On 23 Ott, 16:46, diego [EMAIL PROTECTED] wrote: weidc i found the bug, at the elements with css 'display:none' IE gives width and height = 0, that's why i have in return 0-0, i think i'll work on it, trying to overcome this IE bug.. Anyway thank you very much for support.. Diego On 23 Ott, 16:16, weidc [EMAIL PROTECTED] wrote: oh my god this sucks. kind of frustrating huh? i'll keep on thinking about it. -weidc On 23 Okt., 15:56, diego [EMAIL PROTECTED] wrote: Hi weidc, look at this..i've changed the .attr : var litebox = $(this).attr('rel'); var altezza = $('#'+litebox+'img.lite').attr('alt'); and the html span class=thumbs_big id=img1 img src=images/diegovalobra_b.jpg title=900 alt=585 class=lite/ span class=thumbs_close title=chiudiimg src=css3/close.png alt=prova width=30 height=30 //span /span and it works in ie6/7 , i really don't understand.. http://www.pirolab.it/piro_09/index2.html On 23 Ott, 15:23, weidc [EMAIL PROTECTED] wrote: mh ye i see. can't even change the attr in ie itself 'cause it always gets 0 again. maybe it doesn't like that in $('#'+litebox+'img.lite'). atm i don't see a mistake in your script. -weidc On 23 Okt., 14:27, diego [EMAIL PROTECTED] wrote: The problem is that the my elements are 'display:none' that's why if i try your code the alert returns 0-0, i need to use .attr, height and width.. Diego On 23 Ott, 14:08, diego [EMAIL PROTECTED] wrote: here an exemplehttp://www.pirolab.it/piro_09/index2.html the first three thumbs of the first box diego On 23 Ott, 14:00, diego [EMAIL PROTECTED] wrote: Hi all, I'm building a gallery, and so far it works in every browser except Internet Explorer, The problem is that IE (burns to hell) doesn't read these variables var height = $('#'+litebox+'img.lite').attr('height'); var width = $('#'+litebox+'img.lite').attr('width'); the alert (alert(litebox+'-'+height + '-'+width );) returns img1-0-0 and i really don't know why I tried to change the attributes height and width, in title and alt, giving the dimensions to the image in that way , and it works, but I cannot use title and alt to assign dimensions. I just want to understand why it does not work.. Below a part of the js code: $('.img_in li a ').click(function () { $('.bg_thumbs').show().css({'opacity':'0','z- index':'999'}).fadeTo(200,0.4) $('.thumbs_big ').css({ 'background-color':'#000', 'background-image':'url(css3/ajax-loader.gif)', 'background-repeat':'no-repeat', 'background-position':'center'}) var litebox = $(this).attr('rel'); var height = $('#'+litebox +'img.lite').attr('height'); var width = $('#'+litebox +'img.lite').attr('width'); $('#'+litebox).show().css('opacity',0).animate({ borderWidth : '4px', top :'50%', height : (height ) + 'px' , width : (width ) + 'px' , marginLeft : '-' +((width )/2) +'px', marginTop : '-' +((height )/2) +'px', opacity : 1 },600) alert(litebox+'-'+height + '-'+width ); $('#'+litebox).queue(function(){ $('.thumbs_big img').css({'opacity':'0' ,'display' : 'block'}).fadeTo(300,1) $('.thumbs_big ').css('background','#000') $('#'+litebox).dequeue() }); return false; }); and here a part of html code: li id=img_1 title=thumb_1 a href=# rel
[jQuery] R: [jQuery] Re: Loading Mask
Hi, take a look at this http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/ Diego --- Gio 16/10/08, Donald J. Organ IV [EMAIL PROTECTED] ha scritto: Da: Donald J. Organ IV [EMAIL PROTECTED] Oggetto: [jQuery] Re: Loading Mask A: jquery-en@googlegroups.com Data: Giovedì 16 ottobre 2008, 18:04 Sorry didnt see this email. Basically I have a table that i am populating with .load() but while the data is loading I would like to have a lightbox type mask over it. - Original Message - From: Mike Alsup [EMAIL PROTECTED] To: jQuery (English) jquery-en@googlegroups.com Sent: Wednesday, October 15, 2008 8:13:44 PM GMT -05:00 US/Canada Eastern Subject: [jQuery] Re: Loading Mask Can you clarify? What do you mean by loading mask? On Oct 15, 2:50 pm, Donald J. Organ IV [EMAIL PROTECTED] wrote: Is it possible to add a loading mask to a specific element?? Scopri il blog di Yahoo! Mail: Trucchi, novità e scrivi la tua opinione. http://www.ymailblogit.com/blog
[jQuery] Re: jQuery Star Rating Plugin Problem
Hi Gareth, I'm the author of the star rating plugin and I have just found this post. I visited the URL you mentioned but I can't see the star rating plugin being used - hence I could not reproduce the problem. Is there somewhere I can see this in action? Cheers, Diego A. On Oct 1, 4:31 pm, GarethMatthews [EMAIL PROTECTED] wrote: I all, UsingjQuery1.2.6 and the latest level of theStarRatingplugin obtained fromwww.fyneworks.com. Thestarratingworks fine under most circumstances, however I can make it break and I am not sure why. The page I am using it on is a AJAX page - i.e. part of the page is loaded and reloaded dynamically by some javascript. The dynamic part of the page contains thestarratings. As such, when the XMLHTTP response comes back and I set the innerHTML of the dynamic area of the page I then have to make the all important call to make the options turn into stars (i.e. $ ('[EMAIL PROTECTED]').rating();). Again this normally works fine. However, if the dynamic area of the page is loaded with the same content (I use the dynamic area for switching between pages of content - so when I view page 1 it is fine, but then switching to page 2 and then back to page 1 triggers the fault) the options have changed to stars, but therating(i.e. whichstaris selected) is not shown - so all the stars appear grey. I get an error in my Firefox Error console when this happens: Error: elem.parentNode is null Source File:http://www.itakeout.co.uk/js/jquery-1.2.6_030908.js Line: 25 You can see this error for yourself if you go tohttp://www.itakeout.co.uk/select_restaurant.php?search=Portsmouthand moving between pages. They look fine on the first view, but going back to them theratingdisappears. I can't think this could be anything I am doing as the stars work fine most of the time. However, I'd really like to get this resolved. From the error it looks like either a bug injQueryor something in thestarratingplugin is causingjQueryto mis-behave. Does anyone have any ideas? I am pretty new tojQueryand so am not sure exactly what I need to do here. Cheers, Gareth
[jQuery] R: [jQuery] Only show div's within parent.
Hi, another example.. $(document).ready(function(){ $('.hidden').hide(0) // just if you want all items closed at the beginning $('a.show').click(function () { $('.hidden').slideUp('fast') // just if you want a kind of accordion $(this).next('div').slideToggle('fast') // it takes just the next div :) }); }); here is a demo http://www.pirolab.it/piro_09/slide_up.html Diego --- Dom 5/10/08, [EMAIL PROTECTED] [EMAIL PROTECTED] ha scritto: Da: [EMAIL PROTECTED] [EMAIL PROTECTED] Oggetto: [jQuery] Only show div's within parent. A: jQuery (English) jquery-en@googlegroups.com Data: Domenica 5 ottobre 2008, 14:32 This is my first time with jQuery! I have a list like this: ul id=results li a href=# class=showsome text/a div class=hiddensome text/div /li li a href=# class=showsome text/a div class=hiddensome text/div /li li a href=# class=showsome text/a div class=hiddensome text/div /li /ul And a script like this: $(document).ready(function(){ $(a.show).click(function () { $(div.hidden).slideToggle(fast); }); }); Now when a press one of the links with the class show it does show every div with the class hidden. But I only want to show the child div of the link show. Not all of them. Is that possible and how? Scopri il blog di Yahoo! Mail: Trucchi, novità e la tua opinione. http://www.ymailblogit.com/blog
[jQuery] Re: performance questions
What browser did this happen with? (IE I'd guess). The star rating plugin only uses 2 separate (and very small) images which should load almost instantaneously. Once the image is loaded for one control, it should be immediately displayed for all other controls using the same image - not downloaded again. You could try pre-loading the image via javascript (Google it) On Sep 29, 5:06 pm, chadmichael [EMAIL PROTECTED] wrote: First of all, thestarratingplugin is great. I think I need some help with my use of it perhaps. I've got some performance issues regarding the rendering of the page. The problem is that when the page is waiting on some images to finish loading, thejQueryhas already run and converted thestarrated fields into checkboxes. In my case, I'm using a split set so there are 20 checkboxes, and the user sees these for several seconds while the images of the page are loading. Is there something I could do to help this? I was thinking about trying to hide the checkboxes until the images were done.
[jQuery] R: [jQuery] R: [jQuery] Re: Show image gradually
i had to change the css, actually does'nt work with ie now works and is: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added just pure jQuery $('#headernav ul li a').hover(function () { //start the hover function var slide = $(this).attr('title'); //a var that takes the attr title and change it in id value..'#'+slide means: #one or #two or #three $('#'+ slide).stop().animate({ //i stop animate function, so it does'nt repet over and over height: '0px' // i use width to set the slide div at 0px }, 1500); $('#'+ slide).queue(function(){ //an then after the event it's done i set by the queue function the div opacity at 0 $('#'+ slide).css('opacity',0) $('#'+ slide).dequeue(); }); }, function() { var slide = $(this).attr('title'); $('#'+ slide).stop().animate({ //and to bring back the div at the mouseOut just give it the width:100px...that's it :) height: '30px' },1000); $('#'+ slide).css('opacity',1) // i set the opacity at 1 }); }); /script style #headernav { background: yellow url('images/navbg.gif') repeat-x; height: 30px; width:90%; } #headernav ul li { padding:0px; height:30px; text-align:center; line-height: 29px; display: inline; float: left; margin: 0px; } #headernav ul li span { background-color: green; width:120px; display: block; height:30px; position:relative; margin-left:0px; margin-top:-30px; z-index:999 } #headernav ul li a { padding:0px; font-weight: bold; width:120px; height:30px; display:block; font-family: tahoma, arial; color: #fff; position:relative; z-index:1000 } #headernav ul li a:hover { padding:0px; font-weight: bold;height:30px; display:block; font-family: tahoma, arial; color: #000; position:relative; z-index:1001 } /style /head body div id=headernav ul id=navlist lia href=/ title=oneHome/aspan id=one/span/li lia href=/support title=twoSupport/aspan id=two/span/li lia href=/contact title=threeContact/aspan id=three/span/li /ul /div /body /html Ciao --- Mar 30/9/08, diego valobra [EMAIL PROTECTED] ha scritto: Da: diego valobra [EMAIL PROTECTED] Oggetto: [jQuery] R: [jQuery] Re: Show image gradually A: jquery-en@googlegroups.com Data: Martedì 30 settembre 2008, 14:07 Hi there, I made some changes to the script, and now is: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added just pure jQuery $('#headernav ul li a').hover(function () { //start the hover function var slide = $(this).attr('title'); //a var that takes the attr title and change it in id value..'#'+slide means: #one or #two or #three $('#'+ slide).stop().animate({ //i stop animate function, so it does'nt repet over and over height: '1px' // i use width to set the slide div at 0px }, 1500); $('#'+ slide).queue(function(){ //an then after the event it's done i set by the queue function the div opacity at 0 $('#'+ slide).css('opacity',0) $('#'+ slide).dequeue(); }); }, function() { var slide = $(this).attr('title'); $('#'+ slide).stop().animate({ //and to bring back the div at the mouseOut just give it the width:100px...that's it :) height: '30px' },1000); $('#'+ slide).css('opacity',1) // i set the opacity at 1 }); }); /script style #headernav { background: yellow url('images/navbg.gif') repeat-x; height: 30px; } #headernav ul li { padding: 0px 2px 0px 0px; line-height: 29px; display: inline; float: left; margin: 0px; } #headernav ul li span { background-color: green; padding: 0px 2px 0px 0px; line-height: 29px; display: block; width:100%; height:30px; position:relative; margin-left:0px; margin-top:-30px; z-index:999 } #headernav ul li a { padding: 9px 25px 8px 25px; font-weight: bold; font-family: tahoma, arial; color: #fff; position:relative; z-index:1000 } #headernav ul li a:hover { padding: 9px 25px 8px 25px; font-weight: bold; font-family: tahoma, arial; color: #000; position:relative; z-index:1001 } /style /head body div id=headernav ul id=navlist lia href=/ title=oneHome/aspan id=one/span/li lia href=/support title=twoSupport/aspan id=two/span/li lia href=/contact title=threeContact/aspan id=three/span/li /ul /div /body /html then you give at the href the title you want, and the span must have the corrispective id.. that's it :) hope it works
[jQuery] MultiFile Plugin Updated (v1.3)
* Announcement to anyone using the Multiple File Upload plugin * A new version is available which fixes a major bug in IE6/7. Download it here: http://www.fyneworks.com/jquery/multiple-file-upload/ Official project page: (for download/support) http://code.google.com/p/jquery-multifile-plugin/
[jQuery] R: [jQuery] Re: Show image gradually
Hi there, I made some changes to the script, and now is: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added just pure jQuery $('#headernav ul li a').hover(function () { //start the hover function var slide = $(this).attr('title'); //a var that takes the attr title and change it in id value..'#'+slide means: #one or #two or #three $('#'+ slide).stop().animate({ //i stop animate function, so it does'nt repet over and over height: '1px' // i use width to set the slide div at 0px }, 1500); $('#'+ slide).queue(function(){ //an then after the event it's done i set by the queue function the div opacity at 0 $('#'+ slide).css('opacity',0) $('#'+ slide).dequeue(); }); }, function() { var slide = $(this).attr('title'); $('#'+ slide).stop().animate({ //and to bring back the div at the mouseOut just give it the width:100px...that's it :) height: '30px' },1000); $('#'+ slide).css('opacity',1) // i set the opacity at 1 }); }); /script style #headernav { background: yellow url('images/navbg.gif') repeat-x; height: 30px; } #headernav ul li { padding: 0px 2px 0px 0px; line-height: 29px; display: inline; float: left; margin: 0px; } #headernav ul li span { background-color: green; padding: 0px 2px 0px 0px; line-height: 29px; display: block; width:100%; height:30px; position:relative; margin-left:0px; margin-top:-30px; z-index:999 } #headernav ul li a { padding: 9px 25px 8px 25px; font-weight: bold; font-family: tahoma, arial; color: #fff; position:relative; z-index:1000 } #headernav ul li a:hover { padding: 9px 25px 8px 25px; font-weight: bold; font-family: tahoma, arial; color: #000; position:relative; z-index:1001 } /style /head body div id=headernav ul id=navlist lia href=/ title=oneHome/aspan id=one/span/li lia href=/support title=twoSupport/aspan id=two/span/li lia href=/contact title=threeContact/aspan id=three/span/li /ul /div /body /html then you give at the href the title you want, and the span must have the corrispective id.. that's it :) hope it works.. http://www.pirolab.it/piro_09/slide.html Diego --- Mar 30/9/08, yo2lux [EMAIL PROTECTED] ha scritto: Da: yo2lux [EMAIL PROTECTED] Oggetto: [jQuery] Re: Show image gradually A: jQuery (English) jquery-en@googlegroups.com Data: Martedì 30 settembre 2008, 11:25 Hi, Thanks for your help! The code is amazing, but I have some issue: 1. Please visit this page: http://progra.ro/zoliky/slide2.html and put the mouse on link, don't move the mouse until slide is finished! 2. The mouse pointer change to finger and normal pointer like a loop. Is possible to solve this issue ? Thanks! On Sep 30, 2:49 am, diego valobra [EMAIL PROTECTED] wrote: Hi, you can try this code, !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added!! just pure jQuery $('.parent').hover(function () { //start the hover function $('.parentdiv').stop().animate({ // stop animate function, so it does'nt repet over and over width: '0px' // i use 'width' to set the slide div at 0px }, 1000); $('.parentdiv').queue(function(){ // an then after the event it's done i set by the queue function the div opacity at 0 $('.parentdiv').css('opacity',0) $('.parentdiv').dequeue(); }); }, function() { $('.parentdiv').stop().animate({ //and to bring back the div at the mouseOut just give it the width:100px...that's it :) width: '100px' },1000); $('.parentdiv').css('opacity',1) // i set the opacity at 1 });}); /script style .parent { width:100px; height: 80px; } .image { margin: 0px; width: 100px; height: 80px; background: green; border: 1px solid black; position: relative; } /style /head body div class=parent div class=image/div /div /body /html here is a demo,hope it works :) http://www.pirolab.it/piro_09/slide.html regards Diego 2008/9/30 ricardobeat [EMAIL PROTECTED] Hmm, the mouseover event still fires for the child element... Do this: div class=parent/div div style=display: block; class=image/div style .parent { position:absolute; z-index:5 } /style with the same script. Putting one element on top of the other prevents the onmouseover event from being repeatedly fired. On Sep 29, 6:55 pm, yo2lux [EMAIL PROTECTED] wrote: I use
[jQuery] Show image gradually
Take a look at this.. http://www.pirolab.it/piro_09/slide.html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added just pure jQuery $('#headernav ul li a').hover(function () { //start the hover function var slide = $(this).attr('title'); //a var that takes the attr title and change it in id value..'#'+slide means: #one or #two or #three $('#'+ slide).stop().animate({ //i stop animate function, so it does'nt repet over and over marginTop: '-30px' // i use marginTop to set the slide div going up }, 400); }, function() { var slide = $(this).attr('title'); $('#'+ slide).stop().animate({ //and to bring back the div at the mouseOut just give it the marginTop :'0'...that's it :) marginTop: '0px' },600); }); }); //if you take a look at the css you'll see that i've changed #headernav ul li, adding overflow:hidden.. so the span it' invisible :) /script style #headernav { background: yellow url('images/navbg.gif') repeat-x; height: 30px; width:90%; } #headernav ul li { overflow:hidden; padding:0px; height:30px; text-align:center; line-height: 29px; display: inline; float: left; margin: 0px; } #headernav ul li span { background-color: green; border-bottom:0px solid green; width:120px; display: block; height:30px; position:relative; margin-left:0px; margin-top:0px; z-index:999 } #headernav ul li a { padding:0px; font-weight: bold; width:120px; height:30px; display:block; font-family: tahoma, arial; color: #000; position:relative; z-index:1000 } #headernav ul li a:hover { padding:0px; font-weight: bold;height:30px; display:block; font-family: tahoma, arial; color: #fff; position:relative; z-index:1001 } /style /head body div id=headernav ul id=navlist lia href=/ title=oneHome/aspan id=one/span/li lia href=/support title=twoSupport/aspan id=two/span/li lia href=/contact title=threeContact/aspan id=three/span/li /ul /div /body /html Regards Diego --- Mar 30/9/08, yo2lux [EMAIL PROTECTED] ha scritto: Da: yo2lux [EMAIL PROTECTED] Oggetto: [jQuery] Re: R: [jQuery] R: [jQuery] Re: Show image gradually A: jQuery (English) jquery-en@googlegroups.com Data: Martedì 30 settembre 2008, 15:19 Great! Thanks for your help! Is possible to change the direction ? Something like this menu : www.antena1.ro ? i need to start at bottom and show gradually until top. Now the script start at bottom but remove the color until top.. I need to start at bottom and add the color :) On Sep 30, 3:19 pm, diego valobra [EMAIL PROTECTED] wrote: i had to change the css, actually does'nt work with ie now works and is: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added just pure jQuery $('#headernav ul li a').hover(function () { //start the hover function var slide = $(this).attr('title'); //a var that takes the attr title and change it in id value..'#'+slide means: #one or #two or #three $('#'+ slide).stop().animate({ //i stop animate function, so it does'nt repet over and over height: '0px' // i use width to set the slide div at 0px }, 1500); $('#'+ slide).queue(function(){ //an then after the event it's done i set by the queue function the div opacity at 0 $('#'+ slide).css('opacity',0) $('#'+ slide).dequeue(); }); }, function() { var slide = $(this).attr('title'); $('#'+ slide).stop().animate({ //and to bring back the div at the mouseOut just give it the width:100px...that's it :) height: '30px' },1000); $('#'+ slide).css('opacity',1) // i set the opacity at 1 });}); /script style #headernav { background: yellow url('images/navbg.gif') repeat-x; height: 30px; width:90%; } #headernav ul li { padding:0px; height:30px; text-align:center; line-height: 29px; display: inline; float: left; margin: 0px; } #headernav ul li span { background-color: green; width:120px; display: block; height:30px; position:relative; margin-left:0px; margin-top:-30px; z-index:999 } #headernav ul li a { padding:0px; font-weight: bold; width:120px; height:30px; display:block; font-family: tahoma, arial; color: #fff; position:relative; z-index:1000 } #headernav ul li a:hover { padding:0px; font-weight: bold;height:30px; display:block; font-family: tahoma, arial; color: #000; position:relative; z-index:1001 } /style /head body div id=headernav ul id
[jQuery] R: [jQuery] Show image gradually
Always IE(fu#g browser) you have to add at the css rule #headernav ul li: position:relative; and it works with ie too diego --- Mar 30/9/08, diego valobra [EMAIL PROTECTED] ha scritto: Da: diego valobra [EMAIL PROTECTED] Oggetto: [jQuery] Show image gradually A: jquery-en@googlegroups.com Data: Martedì 30 settembre 2008, 16:51 Take a look at this.. http://www.pirolab.it/piro_09/slide.html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added just pure jQuery $('#headernav ul li a').hover(function () { //start the hover function var slide = $(this).attr('title'); //a var that takes the attr title and change it in id value..'#'+slide means: #one or #two or #three $('#'+ slide).stop().animate({ //i stop animate function, so it does'nt repet over and over marginTop: '-30px' // i use marginTop to set the slide div going up }, 400); }, function() { var slide = $(this).attr('title'); $('#'+ slide).stop().animate({ //and to bring back the div at the mouseOut just give it the marginTop :'0'...that's it :) marginTop: '0px' },600); }); }); //if you take a look at the css you'll see that i've changed #headernav ul li, adding overflow:hidden.. so the span it' invisible :) /script style #headernav { background: yellow url('images/navbg.gif') repeat-x; height: 30px; width:90%; } #headernav ul li { overflow:hidden; padding:0px; height:30px; text-align:center; line-height: 29px; display: inline; float: left; margin: 0px; } #headernav ul li span { background-color: green; border-bottom:0px solid green; width:120px; display: block; height:30px; position:relative; margin-left:0px; margin-top:0px; z-index:999 } #headernav ul li a { padding:0px; font-weight: bold; width:120px; height:30px; display:block; font-family: tahoma, arial; color: #000; position:relative; z-index:1000 } #headernav ul li a:hover { padding:0px; font-weight: bold;height:30px; display:block; font-family: tahoma, arial; color: #fff; position:relative; z-index:1001 } /style /head body div id=headernav ul id=navlist lia href=/ title=oneHome/aspan id=one/span/li lia href=/support title=twoSupport/aspan id=two/span/li lia href=/contact title=threeContact/aspan id=three/span/li /ul /div /body /html Regards Diego --- Mar 30/9/08, yo2lux [EMAIL PROTECTED] ha scritto: Da: yo2lux [EMAIL PROTECTED] Oggetto: [jQuery] Re: R: [jQuery] R: [jQuery] Re: Show image gradually A: jQuery (English) jquery-en@googlegroups.com Data: Martedì 30 settembre 2008, 15:19 Great! Thanks for your help! Is possible to change the direction ? Something like this menu : www.antena1.ro ? i need to start at bottom and show gradually until top. Now the script start at bottom but remove the color until top.. I need to start at bottom and add the color :) On Sep 30, 3:19 pm, diego valobra [EMAIL PROTECTED] wrote: i had to change the css, actually does'nt work with ie now works and is: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added just pure jQuery $('#headernav ul li a').hover(function () { //start the hover function var slide = $(this).attr('title'); //a var that takes the attr title and change it in id value..'#'+slide means: #one or #two or #three $('#'+ slide).stop().animate({ //i stop animate function, so it does'nt repet over and over height: '0px' // i use width to set the slide div at 0px }, 1500); $('#'+ slide).queue(function(){ //an then after the event it's done i set by the queue function the div opacity at 0 $('#'+ slide).css('opacity',0) $('#'+ slide).dequeue(); }); }, function() { var slide = $(this).attr('title'); $('#'+ slide).stop().animate({ //and to bring back the div at the mouseOut just give it the width:100px...that's it :) height: '30px' },1000); $('#'+ slide).css('opacity',1) // i set the opacity at 1 });}); /script style #headernav { background: yellow url('images/navbg.gif') repeat-x; height: 30px; width:90%; } #headernav ul li { padding:0px; height:30px; text-align:center; line-height: 29px; display: inline; float: left; margin: 0px; } #headernav ul li span { background-color: green; width:120px; display: block; height:30px; position:relative; margin-left:0px; margin-top:-30px; z-index:999 } #headernav ul li a { padding:0px; font-weight: bold
[jQuery] R: [jQuery] Re: R: [jQuery] Show image gradually
Ciao Giovanni, some times it's good to understand the basic function of jQuery without using plugins..that's what i was trying to do :) if u never study u never lern!! regards Diego --- Mar 30/9/08, Giovanni Battista Lenoci [EMAIL PROTECTED] ha scritto: Da: Giovanni Battista Lenoci [EMAIL PROTECTED] Oggetto: [jQuery] Re: R: [jQuery] Show image gradually A: jquery-en@googlegroups.com Data: Martedì 30 settembre 2008, 17:08 Maybe you can take a look at this plugin, it seems that is what are you looking for: http://snook.ca/technical/jquery-bg/ bye -- gianiaz.net - web solutions p.le bertacchi 66, 23100 sondrio (so) - italy +39 347 7196482 Scopri il blog di Yahoo! Mail: Trucchi, novità e la tua opinione. http://www.ymailblogit.com/blog
[jQuery] R: [jQuery] Re: R: [jQuery] Re: R: [jQuery] Show image gradually
Ciao Giovanni, happy that u think the same of me.. have you seen this http://www.pirolab.it/piro_09/slide.html no plugins, just jquery 1.2.6 that's it.. I've seen the plugin you linked and it's really compact, Alexander Farkas has done a nice work :) Diego --- Mar 30/9/08, Giovanni Battista Lenoci [EMAIL PROTECTED] ha scritto: Da: Giovanni Battista Lenoci [EMAIL PROTECTED] Oggetto: [jQuery] Re: R: [jQuery] Re: R: [jQuery] Show image gradually A: jquery-en@googlegroups.com Data: Martedì 30 settembre 2008, 17:24 diego valobra ha scritto: Ciao Giovanni, some times it's good to understand the basic function of jQuery without using plugins..that's what i was trying to do :) if u never study u never lern!! Ciao Diego, first of all I agree with you. :-) but... if it is only an exercise. in the minified version (i talk about 1.5 that I have on my HD) you have: ui.core.1.5.0.min.js 5 KB ui.slider.min.js 10KB jquery.bgpos.js (not minified) 1,19 KB. :-) ... and you can take a look at the plugin code (http://snook.ca/technical/jquery-bg/jquery.bgpos.js) to understand how the programmer has achieved is purpose :-) Bye -- gianiaz.net - web solutions p.le bertacchi 66, 23100 sondrio (so) - italy +39 347 7196482 Scopri il blog di Yahoo! Mail: Trucchi, novità e la tua opinione. http://www.ymailblogit.com/blog
[jQuery] Re: Show image gradually
Hi, you can try this code, !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head script src=http://code.jquery.com/jquery-latest.js;/script script type=text/javascript $(document).ready(function(){ //no slide effects added!! just pure jQuery $('.parent').hover(function () { //start the hover function $('.parentdiv').stop().animate({ // stop animate function, so it does'nt repet over and over width: '0px' // i use 'width' to set the slide div at 0px }, 1000); $('.parentdiv').queue(function(){ // an then after the event it's done i set by the queue function the div opacity at 0 $('.parentdiv').css('opacity',0) $('.parentdiv').dequeue(); }); }, function() { $('.parentdiv').stop().animate({ //and to bring back the div at the mouseOut just give it the width:100px...that's it :) width: '100px' },1000); $('.parentdiv').css('opacity',1) // i set the opacity at 1 }); }); /script style .parent { width:100px; height: 80px; } .image { margin: 0px; width: 100px; height: 80px; background: green; border: 1px solid black; position: relative; } /style /head body div class=parent div class=image/div /div /body /html here is a demo,hope it works :) http://www.pirolab.it/piro_09/slide.html regards Diego 2008/9/30 ricardobeat [EMAIL PROTECTED] Hmm, the mouseover event still fires for the child element... Do this: div class=parent/div div style=display: block; class=image/div style .parent { position:absolute; z-index:5 } /style with the same script. Putting one element on top of the other prevents the onmouseover event from being repeatedly fired. On Sep 29, 6:55 pm, yo2lux [EMAIL PROTECTED] wrote: I use your code and I have the same problem.. Check your code:http://progra.ro/zoliky/index.html On Sep 29, 11:37 pm, ricardobeat [EMAIL PROTECTED] wrote: yo2lux, When you hide the box with $('.image').hide(slide, { direction: left }, 1000); The user is leaving the box, because it is hidden! Then the unhide animation triggers because the user has left the box: $('.image').show(slide, { direction: left }, 1000); When this happens, the box slides under the mouse cursor and the user is entering the box again, so you go back to the first hide animation, and this keeps repeating over and over. The code I posted earlier should work for this purpose. On Sep 29, 12:36 pm,yo2lux[EMAIL PROTECTED] wrote: For Richard D. Worth message: ^ Yes if user puts the mouse over the box, I want to hide the box (animated with slide effect) and don't show the box anymore. Now, if user leave the box, I want to show the box. I want to use this for menu, something likehttp://www.antena1.ro/ header menu. This is my jQuery code:http://progra.ro/zoliky/index.htmlanddon'thttp://progra.ro/zoliky/index.htmlanddon%27t work good for me. Please put the mouse over the box and don't leave the box. The box every time appear and disappear. I don't know why. Any idea how to solve this problem ? Thanks! On Sep 20, 9:37 pm, ricardobeat [EMAIL PROTECTED] wrote: It is not a loop per se, you're effectively hovering again everytime the box slides to the right under your mouse cursor. . What you can do is wrap it in another element that will keep it's size and assing the event handler to it. html head script src=http://code.jquery.com/jquery-latest.js;/script script src=http://dev.jquery.com/view/tags/ui/latest/ui/ effects.core.js/script script src=http://dev.jquery.com/view/tags/ui/latest/ui/ effects.slide.js/script script $(document).ready(function(){ $(.parent).hover(function () { $('.image').hide(slide, { direction: left }, 1000); }, function() { $('.image').show(slide, { direction: left }, 1000); }); }); /script style .parent { width:100px; height: 80px; } .image { margin: 0px; width: 100px; height: 80px; background: green; border: 1px solid black; position: relative; } /style /head body div class=parent div class=image/div /div /body /html On Sep 20, 3:13 pm, monycau [EMAIL PROTECTED] wrote: Ok, thanks but is not possible to disable this loop? On Sep 20, 8:35 pm, Richard D. Worth [EMAIL PROTECTED] wrote: When you place your mouse over the box it triggers the first hover callback and animates it to hide. Leaving the mouse over the box while it slides out of view, the mouseout event will fire, triggering the second callback, which queues an animation to show it. If your mouse is still
[jQuery] R: [jQuery] mouseover / mouseout
Ifixer try this $('a.view').css('opacity',0.33); $('a.view').hover(function() { $(this).stop().animate({ opacity : 1 }, 600); }, function(){ $(this).stop().animate({ opacity : 0.33 }, 800); }); Diego Valobra --- Sab 27/9/08, eewan [EMAIL PROTECTED] ha scritto: Da: eewan [EMAIL PROTECTED] Oggetto: [jQuery] mouseover / mouseout A: jQuery (English) jquery-en@googlegroups.com Data: Sabato 27 settembre 2008, 16:59 Hey guys, I have problem and my programmer isn't around to help me :( Look at main page: http://www.mycitysolutions.com/ I used $('a.view').fadeTo('fast', 0.33) to fade out images on load and $('a.view').mouseover(function () { $(this).fadeTo('normal', 1); }); $(a.view).mouseout(function () { $(this).fadeTo('normal', 0.33); }); to make them change opacity on image hover. But if you try numerous times to run trough image animation will take some time :D So i need some event listener or ... how do i solve this so it repeats normally :) Thx in advance __ Do You Yahoo!? Poco spazio e tanto spam? Yahoo! Mail ti protegge dallo spam e ti da tanto spazio gratuito per i tuoi file e i messaggi http://mail.yahoo.it
[jQuery] Moving Plugin Support to Google Code
Hi all, I find Trac notoriously and unnecessarily difficult to navigate, not to mention some pretty dismal flaws in the interface such as not displaying the project name in the Add New Release page. So I'm going to move all of my plugins to Google code. This means I can use sub-version to keep the code updated and I can deal with support issues much more easily. Overall I think it will make it easier for me to manage the plugins which should in turn benefit all its users. The move will affect: - Multiple File Upload Plugin (http://code.google.com/p/jquery- multifile-plugin/) - Star Rating Plugin (http://code.google.com/p/jquery-star-rating- plugin/) - XML to JSON Plugin (http://code.google.com/p/jquery-xml2json- plugin/) - FCKEditor Plugin (http://code.google.com/p/jquery-fckeditor-plugin/) - Codepress Plugin (still to come...) Any comments? Cheers, Diego A.
[jQuery] Re: New Google Browser announced
I love it! No non-sense web browsing. I'll still keep firefox for development of course, but I'll definitelly recommend it for general use. 2008/9/2 Giovanni Battista Lenoci [EMAIL PROTECTED] Is out! :-) -- gianiaz.net - web solutions p.le bertacchi 66, 23100 sondrio (so) - italy +39 347 7196482 -- Cheers, Diego A.
[jQuery] R: [jQuery] Re: Anyone know why mouse position inside div is different in Firefox and IE
Your example works with ie too-- http://www.pirolab.it/jtb/testclick.php i've just added margin 0 and padding 0 at the div and the offset now works correctly ciao Diego --- Mer 3/9/08, Hamid [EMAIL PROTECTED] ha scritto: Da: Hamid [EMAIL PROTECTED] Oggetto: [jQuery] Re: Anyone know why mouse position inside div is different in Firefox and IE A: jQuery (English) jquery-en@googlegroups.com Data: Mercoledì 3 settembre 2008, 20:08 On Sep 3, 6:41 am, Artzone [EMAIL PROTECTED] wrote: I have a div and I want to capture the x and y values when there is a click inside the div. This works great in Firefox and Safari but the offset seems to be wrong in IE7. There's a sample page here:http://static1.shopify.com/s/files/1/0003/0911/assets/testclick.html And this is the function that I'm using to get the x and y values: $(#special).click(function(e){ var x = e.pageX - this.offsetLeft + 1; var y = e.pageY - this.offsetTop + 1 ; $('#status2').html('x=' + x +', y='+ y); }); Anyone know what I'm doing wrong here? __ Do You Yahoo!? Poco spazio e tanto spam? Yahoo! Mail ti protegge dallo spam e ti da tanto spazio gratuito per i tuoi file e i messaggi http://mail.yahoo.it
[jQuery] R: [jQuery] Re: Anyone know why mouse position inside div is different in Firefox and IE
Sorry i made a mistakeit works with the margin 0 and the padding 0 given at the body.. Diego --- Mer 3/9/08, Hamid [EMAIL PROTECTED] ha scritto: Da: Hamid [EMAIL PROTECTED] Oggetto: [jQuery] Re: Anyone know why mouse position inside div is different in Firefox and IE A: jQuery (English) jquery-en@googlegroups.com Data: Mercoledì 3 settembre 2008, 20:08 On Sep 3, 6:41 am, Artzone [EMAIL PROTECTED] wrote: I have a div and I want to capture the x and y values when there is a click inside the div. This works great in Firefox and Safari but the offset seems to be wrong in IE7. There's a sample page here:http://static1.shopify.com/s/files/1/0003/0911/assets/testclick.html And this is the function that I'm using to get the x and y values: $(#special).click(function(e){ var x = e.pageX - this.offsetLeft + 1; var y = e.pageY - this.offsetTop + 1 ; $('#status2').html('x=' + x +', y='+ y); }); Anyone know what I'm doing wrong here? __ Do You Yahoo!? Poco spazio e tanto spam? Yahoo! Mail ti protegge dallo spam e ti da tanto spazio gratuito per i tuoi file e i messaggi http://mail.yahoo.it
[jQuery] Re: [ $(document).ready ] it doesn't work with HTML loaded dynamically
Hi , i had the same problem and i solved it including the function you need in the loaded page like this: first page: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head titleTest/title meta http-equiv=Content-Type content=text/html; charset=utf-8 / script type=text/javascript src=js/jquery.js/script script type=text/javascript $(document).ready(function() { // to load the content.html $(a#b1).click( function() { $(#c).load(content.php); alert(test); } ); } ); /script /head body div id=b h1a href=# id=b1Test1/a/h1 /div div id=c/div /body /html _ second page _ script type=text/javascript $(document).ready(function() { // action on the loaded part $(a#d).click( function() { alert(test2); } ); } ); /script h1a href=# id=dTest2/a/h1 and that's it take a look at the demo page http://www.pirolab.it/jtb/content_1.php I hope it helps you Diego 2008/8/26 Will [EMAIL PROTECTED] Hello, I prefer prevent you that I'm french. I post on this group cause french groups cannot answer to this problem : When I add dynamically HTML code in a page, Jquery doesn't take charge of it. I hope that this example will be more understandable : 3 files : index.html, event.js, content.html index.html : !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; xml:lang=fr lang=fr head titleTest/title meta http-equiv=Content-Type content=text/html; charset=utf-8 / script type=text/javascript src=jquery.js/script script type=text/javascript src=event.js/script /head body div id=b h1a href=# id=b1Test1/a/h1 /div div id=c/div /body /html event.js : $(document).ready(function() { // to load the content.html $(a#b1).click( function() { $(#c).load(content.html); alert(test); } ); // action on the loaded part $(a#d).click( function() { alert(test2); } ); } ); content.html h1a href=# id=dTest2/a/h1 as you'll notice it, content.html is added, but document.ready doesn't seem to see it, because the alert doesn't work ! If you have any idea... Thanks
[jQuery] Re: XML Parsing: Getting a node value
Here is a simple solution I've been using for a while and recently released as a plugin: http://www.fyneworks.com/jquery/xml-to-json/ But there's also a SOAP client plugin which seems to be a more robust solution...* * 2008/8/23 Arun Kumar [EMAIL PROTECTED] No solutions? On Aug 17, 2:12 pm, Arun Kumar [EMAIL PROTECTED] wrote: Have a look at the sample code given below: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/ TR/html4/strict.dtd html head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleXML Parsing/title /head body script language=JavaScript type=text/javascript src=jQuery.js/script script language=JavaScript type=text/javascript var strXML = ?xml version='1.0'? + bodyTagsearch:totalResults3/search:totalResults/ bodyTag; if (document.implementation document.implementation.createDocument) { objDocument = document.implementation.createDocument(, , null); } else if (typeof ActiveXObject != 'undefined') { try { objDocument = new ActiveXObject('Microsoft.XMLDOM'); } catch (e) { } } objDocument.load(strXML); alert(objDocument); alert($(bodyTag, objDocument).find(search\ \:totalResults).text()); /script /body /html The above sample is tested in IE7, using jQuery 1.2.6 -- Cheers, Diego A.
[jQuery] Re: yet again XML+jQuery+IE7
I'm not sure it's a bug... :-S Personally, I think it's best practice to use something along the lines of the text2html function I posted (below) // Convert text to XML DOM var text2xml = function(s) { var x, ie = /msie/i.test(navigator.userAgent); try{ var p = ie? new ActiveXObject(Microsoft.XMLDOM) : new DOMParser(); p.async = false; }catch(e){ throw new Error(XML Parser could not be instantiated) }; try{ if(ie) x = p.loadXML(s)? p : false; else x = p.parseFromString(s, text/xml); }catch(e){ throw new Error(Error parsing XML string) }; return x; }; 2008/7/16 Tzury [EMAIL PROTECTED]: Yeah it's a kind of bug in jQuery ... I dealt with this issue one month ago and the solution was to convert it into JSON the way I am planning to approach is by building in-memory DOM element and injecting the XML into it. example: var el = document.createElement('div'); el.innerHTML = xml; alert(el.firstChild.innerHTML); utilizing jQuery facilities for DOM traversing is the next obvious step. hope someone will notice this and file a bug for the dears jQuery developers. -- Cheers, Diego A.
[jQuery] Re: Help with XML parsing/looping
Hi, I made this plugin last week and it just seems that out of nowehere everyone seems to be looking for it: XML 2 JSON: http://www.fyneworks.com/jquery/xml-to-json/ Hope it helps... Cheers, Diego A. 2008/7/16 linesandwaves [EMAIL PROTECTED]: Hi all, I realize this is a gigantic newbie question, but I am totally stuck and I want to do this the right way... figured I'd go to the experts. I'm trying to write a section of code in jquery that will read my XML sheet and then produce a set of unordered lists with individual list items in HTML. I have it working, but the problem is that my code is finding every single instance of certain tags and then adding them to my lists. So ultimately, every list that this code generates is perfectly formatted, but they all have the same information.. which is a problem. Here is my XML sheet: ?xml version=1.0 encoding=UTF-8 standalone=yes? breakfast dishset setnameThe Royal Breakfast/setname entreelisting entreenameEggs and whatever/entreename price$15.00/price /entreelisting entreelisting entreenameA waffle with sprinkles on it/entreename price$15.00/price /entreelisting entreelisting entreenameSyrup-covered bacon bits/entreename price$15.00/price /entreelisting /dishset dishset setnameThe Gravy Train/setname entreelisting entreenameGravy Boats/entreename price$15.00/price /entreelisting entreelisting entreenameMush Plate/entreename price$15.00/price /entreelisting entreelisting entreename type=dishadditionDeep Fried Anything/entreename price$15.00/price /entreelisting /dishset /breakfast And here is my jquery code: // Start function when DOM has completely loaded $(document).ready(function(){ // Open the breakfast.xml file $.get(breakfast.xml,{},function(xml){ // Build an HTML string myHTMLOutput = ''; // Run the function for each dishset tag in the XML file $('dishset',xml).each(function(j){ myHTMLOutput += 'ul class=dishsection'; setName = $(this).find(setname).text(); if ((setName) != undefined){ myHTMLOutput += 'h3'+ setName +'/h3'; } // Run the function for each entreelisting tag in the XML file $('entreelisting',xml).each(function(i) { entreeName = $(this).find(entreename).text(); price = $(this).find(price).text(); dishAdditions = $(this).find(entreename).attr(type); // Build row HTML data and store in string mydata = BuildMenuHTML(entreeName,price,dishAdditions); myHTMLOutput = myHTMLOutput + mydata; }); //run entreelist myHTMLOutput += '/ul'; }); //run dishset function $(#menucontent).append(myHTMLOutput); }); //get xml file }); //document.ready function function BuildMenuHTML(entreeName,price,dishAdditions){ // Check to see if their is a post attribute in the name field if ((dishAdditions) != undefined){ dishAdditionsHTML = 'span class=entreename'+ dishAdditions +'/ em'; entreeNameHTML = ''; liClassHTML = 'li class=dishsubentry'; } else { entreeNameHTML = 'span class=entreename'+ entreeName +'/span'; dishAdditionsHTML = ''; liClassHTML = 'li class=dishentry'; } // Build HTML string and return output = ''; output += liClassHTML; output += entreeNameHTML; output += dishAdditionsHTML; output += 'span class=price'+ price +'/span'; output += '/li'; return output; } I know that this is probably an obvious or easy fix related to calling each() in the entreelisting function, but I just don't know what the proper ways to reference certain things are. Any chance anyone out there could help?? Thanks! -- Cheers, Diego A.
[jQuery] Re: Why does IE not cache images?
Hi Christian, It seems this problem can only be fixed by changing your server's behaviour. IIS: http://www.milonic.com/mfa/2005-February/ie6-not-caching-images.html In IIS under properties for the folder /images/menu HTTP HEADERS was set to Enable Content Expiration. Turning this off now allows the images to be cached correctly. Apache: http://ahinea.com/en/tech/ie-dhtml-image-caching.html Other useful link: http://blog.httpwatch.com/2008/02/27/image-caching-in-internet-explorer/ * Stupid IE6 * 2008/7/16 Chris [EMAIL PROTECTED]: Hi list, I recently started using jQuery after working with plain JavaScript for several years. The features of jQuery are amazing! Now I have found a problem regarding IE's handling of dynamically created images. It is not really jQuery related, but maybe you can help me anyway. I have the following code snippet: $(document).ready(function() { for (var i = 0; i 100; i++) $('body').append('img src=images/b_edit.png title=Edit'); }); As you can see, this code creates 100 *identical* images; however, IE loads each image separately. (I can see it in the log file of my web server and it also takes a considerable time until the page is fully loaded.) Is there any way to change this behavior? If I put all the images directly in my document (not generating them dynamically) the image is only loaded once, but this is not an option for me. Thanks a lot, Christian P.S.: I use IE 6.0. -- Cheers, Diego A.
[jQuery] Re: NEW: XML to JSON Plugin
Hi Chris, I'd be glad to work on this with you. Unfortunately, I'm completely tied up with a couple of other projects for the next few days. I won't have a chance to work on the next version, but I'll let I know as soon as I make some changes. AJAX: Although I released this as a jQuery plugin, it doesn't actually make any use of jQuery functionality, other than the $.each function. But as you suggested, it does make sense to integrate it with jQuery a bit further and to include ajax. FORMAT: As far as formatting is concerned, I understand that you'd like the output to follow a certain format, but is this really something that is worth working on? Isn't what I've got at the moment enough, ie.: use arrays only when necessary OR always use arrays. Is there really a need to specify which nodes should be arrays and which shouldn't? Serialization/De-serialization: I like the idea (like the firefox about:config page), but what affect would this have on memory? ie.: by doing this, wouldn't we essentially double memory usage by storing every value in data['a.b.c'] as well as data.a.b.c? Again, thank you for your interest in this project. I look forward to your reply... Cheers, Diego A. On Jul 8, 12:11 am, chris thatcher [EMAIL PROTECTED] wrote: yeah it would be great to see it ported to a jQuery plugin in combination with your work and then you could actually use jQuery ajax and it would be cleaner. I've used it a lot and for me the big thing is the ability to easy set what elements are treated as array's even if only one is present (because it keeps the code using it simpler, less cases), and specifying the attribute prefix (I use '@') because I can basically use e4x like syntax. I also made a modification to xotree locally to allow a flat serialization/deserialization so that the item becomes a list of name/value objects, the name being the 'javascript path' eg '[EMAIL PROTECTED]' and the value is the simple value. This was extremely useful for fast development with GoogleGears because I could have a generic table for all objects and use the powerful 'name LIKE' queries to find objects stored in the db. I'd love to help you develop this or give feedback because it would also help promote some mvc stuff I'm build for the jQ community. Thatcher On Mon, Jul 7, 2008 at 6:59 PM, Diego [EMAIL PROTECTED] wrote: Hi Chris, I hadn't seen xotree before, but I found it... http://www.kawa.net/works/js/xml/objtree-e.html ...and looking at the examples, it seems to behave exactly like my plugin but it's more flexible with options and built-in ajax support. It's definitelly a good base for future development of my plugin... Cheers, Diego A. On Jul 7, 8:10 pm, chris thatcher [EMAIL PROTECTED] wrote: Have you looked at xotree.js ? Nice work. On Mon, Jul 7, 2008 at 10:30 AM, Alexsandro_xpt [EMAIL PROTECTED] wrote: Hi Diego, I mean ( 1 ) I Know, but would be something like that xmlpersonnameDiego/ name/person/xml already great. :) Nice plugin.!! On 5 jul, 00:06, Diego [EMAIL PROTECTED] wrote: Hi Alexsandro, Do you mean (1)convert the generate JSON back to XML? OR... (2)define a javascript object and convert it to XML? If (1): I initially built this plugin for my personal use (for my convenience) so I could easily process XML data. Because of that, I didn't bother to differentiate between attributes / nodes. ie.: xmlpersonnameDiego/name/person/xml ...gives the same output as this... xmlperson name=Diego/person/xml ...so it would be impossible to reverse the conversion. If (2): This is quite easy. And actually, it would be pretty similar to the code I wrote to show the JSON structure in HTML (Under Examples Basic/Extended Structure) I will write this when I get a chance, but I'd rather wait for the feedback on this plugin to work out the best way to do it... Cheers, Diego Alexsandro_xpt wrote: Very good!!! Are possible to do reverse? -- Alexsandro www.alexsandro.com.br On 4 jul, 12:34, Diego [EMAIL PROTECTED] wrote: I wrote this a few months but didn't have the time to share it. Now that I've re-done the documentation for 2 of my plugins I thought I'd give it a few hours, knock some examples together and share it with the whole world (ok, maybe just a few people). Basic example: var xml = 'xmlmessageHello world/message/xml'; var json = $.xml2json(xml); alert(json.message); // shows Hello world Ajax example: var file = 'data/hello.xml'; //xmlmessageHello world/message/ xml $.get(file, function(xml){ �var json = $.xml2json(xml); �alert(json.message); }); See the documentation page for more examples and demos. XML to JSON Plugin -http://fyneworks.com/jquery
[jQuery] Re: Replacing html in ajax success callback?
Hi, Assuming the link is directly within the td (ie.: the td tag is the a tag's parent), you can do this: $(this).parent().htm(results); Cheers, Diego A. NB.: That is, obviously, instead of $(this).replaceWith(results); 2008/7/14 s.ross [EMAIL PROTECTED]: Hello-- I have what seems a simple problem, but it's somehow not working out. Here's the problem: $(.pastebinLink a).livequery(function(){ $(this).bind('click', function(el){ $.ajax({ url: this.href, type: 'post', success: function(results, status) { $(this).replaceWith(results); } }); return false; }); }); The (X)HTML looks like this: td class=pastebinLink a class=modal href=/pastebin_items/14266/edit img class=viewButton src=/images/spacer.gif?1210022683 alt=Spacer/ /a /td And the stuff returned from the Ajax post looks like: a href=/pastebin_items/14275/edit class=modalimg alt=Spacer class=viewButton src=/images/spacer.gif?1210022683 //a What I expect is that on success everything inside the td should be replaced with the new stuff from the server. What am I missing? Thanks (he says missing something obvious :) -- Cheers, Diego A.
[jQuery] Re: PLUGIN: Select Multiple Control
Hi Ryan, Thank you for this. Great work! Cheers, Diego A. 2008/7/13 Rey Bango [EMAIL PROTECTED]: Ryan Cramer released this new plugin: http://www.ryancramer.com/journal/entries/select_multiple/ Code: http://code.google.com/p/jquery-asmselect/ Demo: http://www.ryancramer.com/projects/asmselect/examples/example1.html Rey... -- Cheers, Diego A.
[jQuery] Re: yet again XML+jQuery+IE7
Hi Tzury, I've just released a plugin to work around XML parsing issues by converting it to JSON. Tested in IE6/7, FF2/3. You might find it useful. XML 2 JSON Plugin http://www.fyneworks.com/jquery/xml-to-json/ Cheers, Diego A. 2008/7/15 Tzury [EMAIL PROTECTED]: the following example (taken from: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery) works fine in FF but not in IE7 dose anyone find a way to make jQuery XML parsing facilities work on IE as well? $(document).ready(function() { // generate markup $(#rating).append(Please rate: ); for ( var i = 1; i = 5; i++ ) $(#rating).append(a href='#' + i + /a ); // add markup to container and apply click handlers to anchors $(#rating a).click(function(e){ // stop normal link click e.preventDefault(); // send request $.post(rate.php, {rating: $(this).html()}, function(xml) { // format and output result $(#rating).html( Thanks for rating, current average: + $(average, xml).text() + , number of votes: + $(count, xml).text() ); }); }); }); -- Cheers, Diego A.
[jQuery] Re: yet again XML+jQuery+IE7
Hi Tzury, If that's the exact code you're using, then you should first convert the XML string into a jQuery object, like this... xml = $(' {xml goes here} '); Hope that helps. Diego A. 2008/7/15 Tzury [EMAIL PROTECTED]: On Jul 15, 5:53 pm, John Resig [EMAIL PROTECTED] wrote: Hey - can you provide an example site? It's unclear what might be wrong without seeing a response from the server. What is the value of xml when it comes back? --John below is a snippet which can be tested in FF and IE script src=jquery.js/script script var xml = NewDataSet + Table1 + aHello/a + bjQuery/b + /Table1 + /NewDataSet; alert($(Table1, xml).text()); /script -- Cheers, Diego A.
[jQuery] Re: NEW: XML to JSON Plugin
Hi Chris, AJAX: Yeah actually I think it's normally sufficient to let the user use jquery ajax as usual but just provide easy functions to unmarshal/marshal into the format they need where ever they need it. It reduces the size of the plugin and I've sort of found most ajax-convenience functions in plugins aren't exactly what I need so I end up not using them anyway. Not always true though and if you think there some benefit I really don't feel very strongly either way (just playing devils advocate.) We need not re-invent the wheel. I think it would be fair to assume users of this plugin will have a certain amount of experience and would be quite capable (and would probably prefer) to write their own ajax calls, like this... $.get(url2xml, function(response){ var json = $.xml2json(response); // do stuff }); Having said that, it would be very easy to assume that an ajax call is required when a function is sent in one of the parameters, for example: $.xml2json(url2xml, function(json){ // do stuff }); ... which doesn't really save (or cost) much time (or code) but it provides a simple little hook for Ajax calls. :-D FORMAT: Where it really became an issue in a production environment was that I always had to test every 'element' to see if i needed to treat it as an array or object. And every time I started to rely on it being an {} or [], there was some corner case that came up gave me the other and the code broke. This is especially true in templates. OK, my current implementation allows you to choose between 2 formats: simple - arrays when necessary extended - always use arrays ...isn't that enough to solve the problem of not knowing what to expect? In your case for example, just use extended mode and you're good to go. I just can't see a scenario where the user of this plubing would insist of choosing specific formatting options for different 'branches'... Am I being un-reasonble? Serialization/De-serialization: I see what you're saying and it seems great. I'd have to figure out how to make this work, but I have had an idea which might just do the job. In the documentation, I wrote a script that goes through the json object and represents it in HTML. That same script could be used to create a 'map' of the json structure. This map could be an array OR maybe even better, a simple string with the path (reference) to every node in the structure. Something like this: Consider this XML: house kitchen dishwasherRED/dishwasher fridgeWHITE/fridge telly24 INCH/telly /kitchen lounge sofaBROWN/sofa telly50 INCH/telly /lounge /house Which would result in the following map... JSON MAP: [ kitchen, kitchen.dishwasher, kitchen.fridge, kitchen.telly, lounge, lounge.sofa, lounge.telly ] That way we could come up with some xpath-like markup to search through nodes just like you suggested... json.find('dishwasher') // gives us array with nodes kitchen.dishwasher json.find('dvd') // gives us an empty array json.find('telly') // gives us array with nodes kitchen.telly and lounge.telly. $.each(json.find('telly'), function(i, node){ // 1st - kitchen.telly node // 2nd - lounge.telly node }); How does that sound??? Cheers, Diego A. 2008/7/15 chris thatcher [EMAIL PROTECTED]: On Tue, Jul 15, 2008 at 10:18 AM, Diego [EMAIL PROTECTED] wrote: Hi Chris, I'd be glad to work on this with you. Unfortunately, I'm completely tied up with a couple of other projects for the next few days. I won't have a chance to work on the next version, but I'll let I know as soon as I make some changes. Same boat here so we can organize a little then push forward. AJAX: Although I released this as a jQuery plugin, it doesn't actually make any use of jQuery functionality, other than the $.each function. But as you suggested, it does make sense to integrate it with jQuery a bit further and to include ajax. Yeah actually I think it's normally sufficient to let the user use jquery ajax as usual but just provide easy functions to unmarshal/marshal into the format they need where ever they need it. It reduces the size of the plugin and I've sort of found most ajax-convenience functions in plugins aren't exactly what I need so I end up not using them anyway. Not always true though and if you think there some benefit I really don't feel very strongly either way (just playing devils advocate.) FORMAT: As far as formatting is concerned, I understand that you'd like the output to follow a certain format, but is this really something that is worth working on? Isn't what I've got at the moment enough, ie.: use arrays only when necessary OR always use arrays. Is there really a need to specify which nodes should be arrays and which shouldn't? Where it really became an issue in a production environment was that I always had to test every 'element' to see if i needed to treat it as an array or object. And every time I started to rely on it being an {} or [], there was some
[jQuery] Re: XML Parsing: Getting a node value
I just release a new plugin last week that might help you do this... XML to JSON plugin v1.0 http://www.fyneworks.com/jquery/xml-to-json/ Assume the XML in your example was store as a string in variable 'str', you could do this: var json = $.xml2json(str); var tagB = json.B; var tagTest = json['os:TestTag']; 2008/7/12 Arun Kumar [EMAIL PROTECTED]: I have the following XML File: A os:TestTag10/os:TestTag BJSHDHSKJAD/B /A I want to get the tag os:TestTag value. I am using the following query (This XML is in xmlDoc variable). $(A, xmlDoc).find(os:TestTag).text(); The above query is not working, So I tried the below one: $(A, xmlDoc).find(TestTag).text(); But no use. How can I get that node value? -- Cheers, Diego A.
[jQuery] Re: Similar Plugins
Hi all, I also think it's a great idea, but how would it actually work? Will someone over-see the plugin directory and set the relationship between plugins, or will the authors do it themselves? Cheers, Diego A. 2008/7/8 Jörn Zaefferer [EMAIL PROTECTED]: Thanks for sharing the idea. I've mentioned it to Mike, who maintains the plugin repository, he agreed that its a good idea. Expect to see something soon! Jörn On Mon, Jul 7, 2008 at 8:51 AM, Mahbub [EMAIL PROTECTED] wrote: I think JQUERY site should have a reporting system where users can post similar plugins. Like for accordion there are more than one plugin but users dont know that there might be a better one than the one s/he is visiting. So in the plugin page there should be a block or section where it should say similar plugins. That would be really great if implemented. Thanks. -- Cheers, Diego A.
[jQuery] Re: Parsing XML using jQuery
Hi there, This plugin might be useful: XML to JSON plugin v1.0 http://www.fyneworks.com/jquery/xml-to-json/ Cheers, Diego A. 2008/7/9 Wallonman [EMAIL PROTECTED]: It seems that the DOM parsed 'on the fly' isn't ready for querying. When doing something weird like: var xml = $('rootpHello World!/ppBye World!/p/root'); $(xml).appendTo(body); then the alert($(p).text()); // without context works ! -- Cheers, Diego A.
[jQuery] Re: Star rating plugin + rails
Hi JB, Thank you for spotting this problem and posting back with the solution. I've added this fix to the plugin and will publish it on Monday (when I have FTP access). Cheers, Diego A. 2008/7/9 JB [EMAIL PROTECTED]: I figured this out, just in case anyone else has the same problem. The issue revolves around brackets [ ] not being allowed in css class names. The plugin takes the name of the field and uses it to generate a class name of the form star_group_yourfieldnamehere so with a rails form field, you'd end up with a class name like: star_group_mymodel[myfield] which is an illegal css class name. I fixed this by changing the following code: var n = this.name; to this: var n = this.name.replace(/^(.*?)\[(.*?)\]$/, $1_$2); var real_n = this.name; this removes the brackets and makes rails form names appear like mymodel_myfield instead of mymodel[myfield]. I defined real_n so that it can still be used for the hidden field. Works like a charm now! On Jul 9, 9:58 am, JB [EMAIL PROTECTED] wrote: Hi - I'm trying to use the excellent star rating plugin from fyneworks (http://www.fyneworks.com/jquery/star-rating) with a rails project I'm working on. I'm running into a bit of an issue that I wonder if anyone else has seen. Typical names of form fields in a rails app look something like this: mymodel[myfield] which I suspect is causing an issue with this plugin. If I leave the form as generated by rails, with names like above, then the mouseout and click events don't behave properly. mouseout doesn't remove the stars the way it should, and clicking on a star only highlights the star you clicked on, instead of all the stars before it also. If I manually hack the form names to be regular names, like myfield instead of mymodel[myfield] then it works perfectly, but of course then rails won't process my form correctly because the names aren't right. Has anyone else run into this kind of problem? Any solutions anyone can think of? I tried going through the plugin code, but I'm afraid my jQuery-fu isn't where it needs to be to spot the problem. Any help is greatly appreciated.thanks! -- Cheers, Diego A.
[jQuery] Re: NEW: XML to JSON Plugin
Hi Alexsandro, Yeah, that could work. Watch this thread. I will post back here when I've done it... Cheers, Diego A. On Jul 7, 3:30 pm, Alexsandro_xpt [EMAIL PROTECTED] wrote: Hi Diego, I mean ( 1 ) I Know, but would be something like that xmlpersonnameDiego/ name/person/xml already great. :) Nice plugin.!! On 5 jul, 00:06, Diego [EMAIL PROTECTED] wrote: Hi Alexsandro, Do you mean (1)convert the generate JSON back to XML? OR... (2)define a javascript object and convert it to XML? If (1): I initially built this plugin for my personal use (for my convenience) so I could easily process XML data. Because of that, I didn't bother to differentiate between attributes / nodes. ie.: xmlpersonnameDiego/name/person/xml ...gives the same output as this... xmlperson name=Diego/person/xml ...so it would be impossible to reverse the conversion. If (2): This is quite easy. And actually, it would be pretty similar to the code I wrote to show the JSON structure in HTML (Under Examples Basic/Extended Structure) I will write this when I get a chance, but I'd rather wait for the feedback on this plugin to work out the best way to do it... Cheers, Diego Alexsandro_xpt wrote: Very good!!! Are possible to do reverse? -- Alexsandro www.alexsandro.com.br On 4 jul, 12:34, Diego [EMAIL PROTECTED] wrote: I wrote this a few months but didn't have the time to share it. Now that I've re-done the documentation for 2 of my plugins I thought I'd give it a few hours, knock some examples together and share it with the whole world (ok, maybe just a few people). Basic example: var xml = 'xmlmessageHello world/message/xml'; var json = $.xml2json(xml); alert(json.message); // shows Hello world Ajax example: var file = 'data/hello.xml'; //xmlmessageHello world/message/ xml $.get(file, function(xml){ �var json = $.xml2json(xml); �alert(json.message); }); See the documentation page for more examples and demos. XML to JSON Plugin -http://fyneworks.com/jquery/xml-to-json/ As always, feedback is welcome! Cheers, Diego
[jQuery] Re: NEW: XML to JSON Plugin
Hi Chris, I hadn't seen xotree before, but I found it... http://www.kawa.net/works/js/xml/objtree-e.html ...and looking at the examples, it seems to behave exactly like my plugin but it's more flexible with options and built-in ajax support. It's definitelly a good base for future development of my plugin... Cheers, Diego A. On Jul 7, 8:10 pm, chris thatcher [EMAIL PROTECTED] wrote: Have you looked at xotree.js ? Nice work. On Mon, Jul 7, 2008 at 10:30 AM, Alexsandro_xpt [EMAIL PROTECTED] wrote: Hi Diego, I mean ( 1 ) I Know, but would be something like that xmlpersonnameDiego/ name/person/xml already great. :) Nice plugin.!! On 5 jul, 00:06, Diego [EMAIL PROTECTED] wrote: Hi Alexsandro, Do you mean (1)convert the generate JSON back to XML? OR... (2)define a javascript object and convert it to XML? If (1): I initially built this plugin for my personal use (for my convenience) so I could easily process XML data. Because of that, I didn't bother to differentiate between attributes / nodes. ie.: xmlpersonnameDiego/name/person/xml ...gives the same output as this... xmlperson name=Diego/person/xml ...so it would be impossible to reverse the conversion. If (2): This is quite easy. And actually, it would be pretty similar to the code I wrote to show the JSON structure in HTML (Under Examples Basic/Extended Structure) I will write this when I get a chance, but I'd rather wait for the feedback on this plugin to work out the best way to do it... Cheers, Diego Alexsandro_xpt wrote: Very good!!! Are possible to do reverse? -- Alexsandro www.alexsandro.com.br On 4 jul, 12:34, Diego [EMAIL PROTECTED] wrote: I wrote this a few months but didn't have the time to share it. Now that I've re-done the documentation for 2 of my plugins I thought I'd give it a few hours, knock some examples together and share it with the whole world (ok, maybe just a few people). Basic example: var xml = 'xmlmessageHello world/message/xml'; var json = $.xml2json(xml); alert(json.message); // shows Hello world Ajax example: var file = 'data/hello.xml'; //xmlmessageHello world/message/ xml $.get(file, function(xml){ �var json = $.xml2json(xml); �alert(json.message); }); See the documentation page for more examples and demos. XML to JSON Plugin -http://fyneworks.com/jquery/xml-to-json/ As always, feedback is welcome! Cheers, Diego -- Christopher Thatcher
[jQuery] Re: Why (function($){ ...})(jQuery) instead of (function(){var $ = jQuery; ...})()?
Hi Mike, You are right, I meant to say enclosures of either kind... ;-) We are on the same page with this. You don't *have* to do with unless noConflict() is on, but it's safer to do it anyway, specially when you share your code (ie.: plugin developers). But like yourself, I do it all the time to avoid accidentally messing around with global vars. It's good practice... Anyway, I'm glad to meet the guy who started it all :-) I've actually ellaborated on the idea and come up with my own version: ;if(jQuery) (function($){ ... })(jQuery); ...which: - encloses local vars - silently ignores the code if jQuery is unavailable - avoid colisions when files are merged (; at the start) Cheers, Diego A. 2008/7/4 Michael Geary [EMAIL PROTECTED]: Sorry, Diego, but you may have made things *more* confusing! :-) If you change enclosures of *that* kind to enclosures of *either* kind it will probably be more clear. As you said, there isn't any real reason for plugin developers to prefer one of these two forms over the other. It's just a matter of historical accident. I posted a message in this group a couple of years ago that mentioned the (function($){...})(jQuery); approach, and everybody liked it and started using it in their plugins. It could have just as easily been the (function(){var $=jQuery;...})(); version. Regarding the comment that there may not be any need to do this other than the noConflict thing - actually I do it all the time just to get a local scope for some variables. I don't want to put variables into the global namespace when I can avoid it. -Mike -- *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Diego A. *Sent:* Thursday, July 03, 2008 6:44 PM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: Why (function($){ ...})(jQuery) instead of (function(){var $ = jQuery; ...})()? Hi there, No, there's no difference. They both have the exact same effect. But there's a reason why plugin developers use enclosures of that kind. They do it to make sure they can use $ instead of jQuery even when the user is using jQuery.noConflict(). Perhaps you want to isolate your own variables within an anonymous function, but unless you're using jQuery.noConflict(), you don't actually need to do this at all. I hope that clears up any confusion... Diego 2008/7/3 jfine [EMAIL PROTECTED]: On 3 Jul, 21:35, Michael Geary [EMAIL PROTECTED] wrote: Yes, either one will do exactly the same thing. It's purely a matter of taste. Thank you both for this. I think Michael right, but perhaps Diego would like to response - he thinks there is a difference. Thank you also Michael for the semicolon warning. I'm now using js2- mode.el with Emacs. It warns me about such errors. -- Jonathan -- Cheers, Diego A. -- Cheers, Diego A.
[jQuery] Re: Why (function($){ ...})(jQuery) instead of (function(){var $ = jQuery; ...})()?
That will fail if jQuery isn't included, you can do either: if( window.jQuery ) or if( typeof jQuery != 'undefined' ) Oops! :-O Fixed the problem. Thanks for pointing it out... 2008/7/4 Ariel Flesler [EMAIL PROTECTED]: I've actually ellaborated on the idea and come up with my own version: ;if(jQuery) (function($){ ... })(jQuery); ...which: - encloses local vars - silently ignores the code if jQuery is unavailable - avoid colisions when files are merged (; at the start) That will fail if jQuery isn't included, you can do either: if( window.jQuery ) or if( typeof jQuery != 'undefined' ) Note that the (function($){ ... })(jQuery); approach is 6 bytes shorter than (function(){ var $ = jQuery; })(); It also looks cooler ;) -- Ariel Flesler http://flesler.blogspot.com -- Cheers, Diego A.
[jQuery] NEW: XML to JSON Plugin
I wrote this a few months but didn't have the time to share it. Now that I've re-done the documentation for 2 of my plugins I thought I'd give it a few hours, knock some examples together and share it with the whole world (ok, maybe just a few people). Basic example: var xml = 'xmlmessageHello world/message/xml'; var json = $.xml2json(xml); alert(json.message); // shows Hello world Ajax example: var file = 'data/hello.xml'; //xmlmessageHello world/message/ xml $.get(file, function(xml){ var json = $.xml2json(xml); alert(json.message); }); See the documentation page for more examples and demos. XML to JSON Plugin - http://fyneworks.com/jquery/xml-to-json/ As always, feedback is welcome! Cheers, Diego
[jQuery] Re: selecting div's with dynamic id's
Hi Karl, Of course, you're right. Javascript should be kept separate from the HTML. Cheers, Diego A. 2008/7/4 Karl Swedberg [EMAIL PROTECTED]: Hi Kris, I'd give the show description links a common class -- for example, show-description That way you can use a basic selector to apply to all of those links. Then, I'd use the this keyword to find the appropriate description relative to the clicked link. Adding return false will prevent the link's default event from being triggered. So, given your markup, it might look like this: $('a.show-description').click(functino() { $(this).parent().next().show(); return false; }); --Karl Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 4, 2008, at 10:36 AM, Kris wrote: Whats the best way to provide functionality (eg. toggle an 'additional information' div) when dealing with records with unique id's. For example lets say we are dealing with product records each one has a unique id which is a number, so the HTML might look something like this: div class=products div class=product id=product_1 pName: Red Widget/p pPrice: 22.00/p pa href=Show description/a/p p id=description_1 style=display:none;sadasdasdasdasd/p /div div class=product id=product_2 pName: Blue Widget/p pPrice: 24.00/p pa href=Show description/a/p p id=description_2 style=display:none;sadasdasdasdasd/p /div etc. etc. /div I want to place unobtrusive jquery that will allow the 'show description' link to display the correct description div... Many thanks, K. -- Cheers, Diego A.
[jQuery] Re: NEW: XML to JSON Plugin
Hi Alexsandro, Do you mean (1)convert the generate JSON back to XML? OR... (2)define a javascript object and convert it to XML? If (1): I initially built this plugin for my personal use (for my convenience) so I could easily process XML data. Because of that, I didn't bother to differentiate between attributes / nodes. ie.: xmlpersonnameDiego/name/person/xml ...gives the same output as this... xmlperson name=Diego/person/xml ...so it would be impossible to reverse the conversion. If (2): This is quite easy. And actually, it would be pretty similar to the code I wrote to show the JSON structure in HTML (Under Examples Basic/Extended Structure) I will write this when I get a chance, but I'd rather wait for the feedback on this plugin to work out the best way to do it... Cheers, Diego Alexsandro_xpt wrote: Very good!!! Are possible to do reverse? -- Alexsandro www.alexsandro.com.br On 4 jul, 12:34, Diego [EMAIL PROTECTED] wrote: I wrote this a few months but didn't have the time to share it. Now that I've re-done the documentation for 2 of my plugins I thought I'd give it a few hours, knock some examples together and share it with the whole world (ok, maybe just a few people). Basic example: var xml = 'xmlmessageHello world/message/xml'; var json = $.xml2json(xml); alert(json.message); // shows Hello world Ajax example: var file = 'data/hello.xml'; //xmlmessageHello world/message/ xml $.get(file, function(xml){ �var json = $.xml2json(xml); �alert(json.message); }); See the documentation page for more examples and demos. XML to JSON Plugin -http://fyneworks.com/jquery/xml-to-json/ As always, feedback is welcome! Cheers, Diego
[jQuery] Re: NEW: XML to JSON Plugin
Hi Mike, I actually wrote this to use with your form plugin (to process xml responses of a CMS). Really appreciate your feedback... Cheers, Diego Mike Alsup wrote: See the documentation page for more examples and demos. XML to JSON Plugin -http://fyneworks.com/jquery/xml-to-json/ As always, feedback is welcome! Cheers, Diego Very nice, Diego!