[jQuery] Re: internet explorer debugging
oops.. I posted the same google group link :-P here is the correct link a href=http://ragrawal.wordpress.com/ 2007/10/25/top-5-reasons-why-ie7-is-complaining-about-your- javascript/http://ragrawal.wordpress.com/2007/10/25/top-5-reasons- why-ie7-is-complaining-about-your-javascript//a On Dec 21, 5:50 pm, bingo [EMAIL PROTECTED] wrote: hi, I have collected some common reasons which causes JS to crash in IE7.http://groups.google.com/group/jquery-en/browse_thread/thread/f1eab9b... Generally, I try to make sure my JS is working fine in FF and once everything is working fine, I test in FF and check for any mistake (reported in my blog). I would say 95% of the time, these are the five mistake that make my JS to break in IE Regards, bingo On Dec 21, 1:25 pm, Shawn [EMAIL PROTECTED] wrote: When I run into these works in FF but not IE issues, I plop my code into jslint (http://www.jslint.com/). Reading through the warnings and errors it found does two things for me - first it helps me identify problem areas. IE is notorious for throwing errors on extra commas - FF ignores them - i.e. { a : a, } would cause an error in IE. jslint notes these. - secondly it makes my code better overall. I caused me to question some of the long standing habits I had and revise my coding style appropriately. HTH. Shawn Alexandre Plennevaux wrote: hello friends, my application is running ok in firefox but is not doing so great in internet explorer. I'm having a hard time tracking down the bug(s). Can someone help me? Problem is i didn't find any decent tool to debug javascrpt in internet explorer. Anyway, here is the prototype i'm working on: http://www.pixeline.be/test/m2/ the source code is here: http://www.pixeline.be/test/m2/_js/frontend/6_proto_strata+datascape+... Basically, a good part of the code is used to make sure all elements fits nicely graphically on the background 4px grid, whatever the screen resolution. The top menu is strataGrid and after clicking on the second line of options in the menu, you get to the datascape. now, i'm not an expert in javascript so any coding improvement you can suggest is welcomed, i did it my way :) The issue comes with the apparition of the datascape. It chokes and does not finish appearing. In firefox 2 it works well though. I think the error is somewhere here: $('.strataTrigger').bind('click', function(){ var $thisMenu = $(this).parents('.mainmenu'); var li = $(this).parent(); var index = li.parent().children('li').index(li[0]); $newLeft = strataGrid.startX + (strataGrid.colCenter - (index + 1)) * strataGrid.colWidth; $('.strataTrigger', $thisMenu).removeClass('selected'); $(this).addClass('selected'); $thisMenu.animate({ left: $newLeft + 'px' }); // 4._ SHOW/HIDES MENUS if ($thisMenu.attr('id') == 'strata1') { var showme = $(this).metadata().showme; //remove datascape if displayed if ($('#datascape').length) { $('#datascape').unbind().fadeOut(slow, function(){ clearInterval(datascape.$interval); $(this).hide(); // HIDE OR REMOVE ?? _ A SURVEILLER }); } $('.strata2').each(function(){ if ($(this).hasClass(showme)) { $(this).show(); } else { $(this).hide(); } }); } else if ($thisMenu.hasClass('strata2')) { $('#strata3').html(''); $(#datascape).load('ajax_datascape.inc.html', function(){ $(this).fadeIn(slow); drawDatascape(strataGrid, ''); }); } return false; });- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -
[jQuery] Re: internet explorer debugging
hi, I have collected some common reasons which causes JS to crash in IE7. http://groups.google.com/group/jquery-en/browse_thread/thread/f1eab9b59e923fca/40b64f80117f62f2#40b64f80117f62f2 Generally, I try to make sure my JS is working fine in FF and once everything is working fine, I test in FF and check for any mistake (reported in my blog). I would say 95% of the time, these are the five mistake that make my JS to break in IE Regards, bingo On Dec 21, 1:25 pm, Shawn [EMAIL PROTECTED] wrote: When I run into these works in FF but not IE issues, I plop my code into jslint (http://www.jslint.com/). Reading through the warnings and errors it found does two things for me - first it helps me identify problem areas. IE is notorious for throwing errors on extra commas - FF ignores them - i.e. { a : a, } would cause an error in IE. jslint notes these. - secondly it makes my code better overall. I caused me to question some of the long standing habits I had and revise my coding style appropriately. HTH. Shawn Alexandre Plennevaux wrote: hello friends, my application is running ok in firefox but is not doing so great in internet explorer. I'm having a hard time tracking down the bug(s). Can someone help me? Problem is i didn't find any decent tool to debug javascrpt in internet explorer. Anyway, here is the prototype i'm working on: http://www.pixeline.be/test/m2/ the source code is here: http://www.pixeline.be/test/m2/_js/frontend/6_proto_strata+datascape+... Basically, a good part of the code is used to make sure all elements fits nicely graphically on the background 4px grid, whatever the screen resolution. The top menu is strataGrid and after clicking on the second line of options in the menu, you get to the datascape. now, i'm not an expert in javascript so any coding improvement you can suggest is welcomed, i did it my way :) The issue comes with the apparition of the datascape. It chokes and does not finish appearing. In firefox 2 it works well though. I think the error is somewhere here: $('.strataTrigger').bind('click', function(){ var $thisMenu = $(this).parents('.mainmenu'); var li = $(this).parent(); var index = li.parent().children('li').index(li[0]); $newLeft = strataGrid.startX + (strataGrid.colCenter - (index + 1)) * strataGrid.colWidth; $('.strataTrigger', $thisMenu).removeClass('selected'); $(this).addClass('selected'); $thisMenu.animate({ left: $newLeft + 'px' }); // 4._ SHOW/HIDES MENUS if ($thisMenu.attr('id') == 'strata1') { var showme = $(this).metadata().showme; //remove datascape if displayed if ($('#datascape').length) { $('#datascape').unbind().fadeOut(slow, function(){ clearInterval(datascape.$interval); $(this).hide(); // HIDE OR REMOVE ?? _ A SURVEILLER }); } $('.strata2').each(function(){ if ($(this).hasClass(showme)) { $(this).show(); } else { $(this).hide(); } }); } else if ($thisMenu.hasClass('strata2')) { $('#strata3').html(''); $(#datascape).load('ajax_datascape.inc.html', function(){ $(this).fadeIn(slow); drawDatascape(strataGrid, ''); }); } return false; });- Hide quoted text - - Show quoted text -
[jQuery] Re: Element not appended in IE7
hi Giovanni, have you tried $a = $('a').appendTo($element). I guess this should also work perfectly in both IE and FF On Dec 10, 9:49 am, Giovanni Battista Lenoci [EMAIL PROTECTED] wrote: It seems that on certain elements, this syntax is preferred by IE $a = $('a/a').appendTo($element); It's right? There'is an explanation? Thank you
[jQuery] Re: Noob question: How to access a PHP variable and append it to the html?
hi you can do it this way $document({ $(div#mydiv).html(No of Users: + ?php echo $users; ?); }) On Nov 30, 12:55 am, Action [EMAIL PROTECTED] wrote: On Nov 29, 8:02 pm, Wizzud [EMAIL PROTECTED] wrote: For example ... ? On Nov 29, 9:34 pm, Action [EMAIL PROTECTED] wrote: I have a PHP array of data I want to be able to append to the html using jquery and ajax. I want to be able to add different elements of the array to different parts of the page. How can I go about doing this?- Hide quoted text - - Show quoted text -
[jQuery] Re: IE Help.
hi Austin, I am not sure what's the problem..but make sure you are not making any of these mistakes (listed in the blog) http://ragrawal.wordpress.com/2007/10/25/top-5-reasons-why-ie7-is-complaining-about-your-javascript/ Regards On Nov 24, 3:52 pm, Austin Pickett [EMAIL PROTECTED] wrote: Are there any ie hacks or maybe some ie tricks with jquery? Ie's being stubborn with me and whenever i try to make a simple slider click x { show y } type of thing it doesn't even work. Does anyone else have trouble with IE and Jquery?
[jQuery] Re: IE 7 Problems - Won't load javascript - fine in FF 2+
hi Chris, sometimes IE7 fails to load javascript if your webpage contains script type.. tag as the first element of the page. Checkout this blog..I collected different reasons why javascript is failling in IE7 http://ragrawal.wordpress.com/2007/10/25/top-5-reasons-why-ie7-is-complaining-about-your-javascript/ Ritesh On Nov 17, 12:13 pm, spinnach [EMAIL PROTECTED] wrote: try changing the type=application/javascript to type=text/javascript, that should do the trick. dennis. Chris J. Lee wrote: For some reason my website (http://hire.chrisjlee.net/) does not work at all on IE 7. It refuses to read any of my javascripts while on Firefox it's totally fine. It's probably something simple that I'm not thinking about. But I've looked it over for quite a while and would like a pair of fresh eyes. Anyone have any ideas - Chris- Hide quoted text - - Show quoted text -
[jQuery] again - IE/Ajax trouble
hi This problem comes and go...but I haven't found a good solution to solve it..checkout this page http://findnwrite.com/memento/reports/view/report:71 see the bottom section that list articles..what's happing is I first render the top section of the page and then using ajax call in document.ready function, I render the bottom section (Reference Section). The reference section uses some other javascripts files and properly loaded in FF but not in IE, thereby, causing all the problems in IE. I will really appreciate if someone can tell me how to load javascript files properly when rendering ajax page..On the server side, I am using cakephp to generate pages. Desperately looking for some help... Regards, Ritesh
[jQuery] need suggestion on modifying jtip
hi, I am trying to develop a plugin that extends jtip. So you see a new floating div on mouse over but you can also click on links and buttons available in the new floating box. But if you are mouse is neither on the original link or within the floating box, then hide the floating box. I think the best example is to give is of GMail. If you have used GMail, you must be familiar with the functionality where you hover your GTalk contact list and it shows details. You can click on any button available in the floating box and once your mouse moves out of the original link and the floating div, the floating div vanishes. I tried hacking jtip but nothing worked. Can someone help me with new ideas. Regards, Ritesh http://findnwrite.com
[jQuery] Re: need suggestion on modifying jtip
Glen sent me a link, separately in an email..and it does exactly what I needed...checkout example with option of sticky. http://examples.learningjquery.com/62/demo/index.html#features Great work ( i wasn't able to find the name of the developer of clueTip) Ritesh On Jun 28, 1:14 pm, bingo [EMAIL PROTECTED] wrote: i don't agree completely with Glen's wishlist . The list is very specific...but just being able to drag/move, close and click on links inside the floating div, will be very useful.. I am trying to hack jtip using some ideas from hoverIntent..but that didn't work nicely..looking for some more ideas Regards, Ritesh On Jun 28, 10:31 am, Glen Lipka [EMAIL PROTECTED] wrote: This is exactly what I was looking for the other day. Like if a Tooltip and a Modal had a baby. Some features that would be useful: (wishlist) 1. Optional header to drag/move. 2. Optional X to make it go away. 3. Optional Opacity settings. 4. Show options (like fadeIn or SlideDown, with easing of course! - if included) 5. optional resizable 6. Optional specific height/width with scrollbars if the content is bigger than the height/width 7. Easy CSS to handle when you mouseover the tip area. So the tip would add a class called tipHover. 8. Easy CSS for the tip, including way to make drop shadow. 9. Optional rounded corners (using curvy coners?) 10. Babysit my kids Are the the kinds of ideas you mean? Glen On 6/28/07, bingo [EMAIL PROTECTED] wrote: hi, I am trying to develop a plugin that extends jtip. So you see a new floating div on mouse over but you can also click on links and buttons available in the new floating box. But if you are mouse is neither on the original link or within the floating box, then hide the floating box. I think the best example is to give is of GMail. If you have used GMail, you must be familiar with the functionality where you hover your GTalk contact list and it shows details. You can click on any button available in the floating box and once your mouse moves out of the original link and the floating div, the floating div vanishes. I tried hacking jtip but nothing worked. Can someone help me with new ideas. Regards, Ritesh http://findnwrite.com
[jQuery] Re: function are getting called twice
hi.. I tried some debugging and found that IE7 is not having any problem with it..the problem is with firefoxthis definitely shows that there is some bug in Jquery itself Regards, bingo On May 27, 8:25 pm, bingo [EMAIL PROTECTED] wrote: hi, I have a webpage (say webpage1) that include another webpage (say webpage2). Both the pages have $(document).ready(..to attach jquery function to elements of their page. However, since webpage2 is included within webpage1, the functions within webpage2 are getting called twice. Is there a way to avoid calling a function twice I want to keep $(document).ready in both the pages as, sometime the webpage2 can be directly called.. Please help me with this Regards, bingo
[jQuery] Re: Star Rating System
hi there are some other star ratings that provide option to for half star. You might want to look into that code and modify this star plugin. Personally, I want to do that but that's currently low on my priority regards, Ritesh On May 17, 10:35 am, Kim Johnson [EMAIL PROTECTED] wrote: I personally would still love to see the option built in for half star ratings; I've been waiting on integrating the plugin until such a thing is available. :) (half star ratings meaning, you can rate something 3.5 stars, as opposed to just the average showing up as 3.5 stars once the integer ratings are averaged) --kim --- Mario Moura [EMAIL PROTECTED] wrote: Hi Folks I would like to suggest a improvement in this amazing plugin http://php.scripts.psu.edu/rja171/widgets/rating.php look http://www.imdb.com/title/tt0413300/ You have User Rating: 7.4/10 average . This average could be in a container for example div id=average'7.4/div and should be the default value. About the action I still confuse. My CMS provide me: form class=nodevote-form id=nodevote-rate-form method=post action=/home/nodevote/18/add select id=edit-vote class=form-select name=vote option value=0Select/option option value=11/option option value=22/option . option selected=selected value=77/option option value=1010/option/select input type=submit class=form-submit value=Vote id=edit-button name=op/ So two things are important. If none option isnt selected so Request user vote , and after vote append vote like Imdb did. if option selected=selected so show vote (and you should be able to edit this) Another very interesting feature is the rollover system (10 start, with average and you can vote in same place) I like imdb Star Rating System and I think it is the best solution so why not make something similar. Imdb use Ajax. It is just a suggestion and congratulation to author of Star Rating System. Regards Mario ____Get the free Yahoo! toolbar and rest assured with the added security of spyware protection.http://new.toolbar.yahoo.com/toolbar/features/norton/index.php- Hide quoted text - - Show quoted text -
[jQuery] Re: canvas graph + draggable node and link
hi Ashutosh, thanks for your reply. I did check jchart. But I wanted something different. I want a blank canvas on which user can create rectangular boxes and join them using links, kind of UML diagram. But I want this boxes to be container so that I can drag and drop div from other places...I think this is to specific..but anything that allows to create rectangular boxes and links on a blank canvas will work for me.. Regards, Ritesh On May 17, 6:54 pm, ashutosh bijoor [EMAIL PROTECTED] wrote: Hi Ritesh I dont think i've got exactly what you need, but with a bit of work, you may be able to use it. Check out the code athttp://www.reach1to1.com/sandbox/jquery/jqchart/ The base library that the chart uses could be used to create what you want. Regards Ashutosh On 5/18/07, bingo [EMAIL PROTECTED] wrote: Hi, I am wondering has any ever tried building a canvas library based on jQuery. I don't mean to say line/bar graph but canvas graph like yahoo pipes where you can create new boxes and link them through lines. Please let me know if there is one that I can easily integrate with my project Regards, Ritesh -- Reach1to1 Technologieshttp://www.reach1to1.comhttp://on2.biz [EMAIL PROTECTED]
[jQuery] Re: hi : need help with saving icon
Hi Scott, I think this will work...but the problem is some of the libraries that I am using do not provide callback functionality..but definitely for most ajax stuff this will work.. Regards, bingo On May 3, 7:40 am, Scott Sauyet [EMAIL PROTECTED] wrote: bingo wrote: I am jquery for now almost 3 months. But, one thing I am not able still figure out. This is more for a user convience. I want to let user know which divs will be updated after certain action. For this, I want to show a spinning wheel on the div that will be updated. But I am not sure how to do this. I know you can use ajaxStart and ajaxStop, but not sure how to make efficient use of them. It seems to me that the simplest way to do this is to toggle the class of the target divs with something that includes a spinner, then toggle it off in your ajax callback. Something like this: CSS: #target.loading { padding-top: 50px; background: url(myspinner.png) top right no-repeat; } HTML: div id=target.../div JS: function myAction() { $(#target).addClass(loading).load(my.url, function() { $(#target).removeClass(loading); }); } I'm sure it won't be as simple as #target, but that's the main idea... Would that do what you're looking for? -- Scott }
[jQuery] hi : need help with saving icon
Hi, I am jquery for now almost 3 months. But, one thing I am not able still figure out. This is more for a user convience. I want to let user know which divs will be updated after certain action. For this, I want to show a spinning wheel on the div that will be updated. But I am not sure how to do this. I know you can use ajaxStart and ajaxStop, but not sure how to make efficient use of them. Looking forward for some ideas and suggestions. Regards, bingo
[jQuery] Re: need suggestions on ajax
, at 2:24 PM, Kim Johnson wrote: - On 4/1/07, bingo [EMAIL PROTECTED] wrote: okie..I found a solution..but not sure how good it is.. here is what I have done.. I have created a function like this jQuery.fn.loadContent = function(options) { $(this).removeClass(loadContent); $(this).addClass(pointer); return $(this).click(function(){ url = $(this).attr('href'); $(div#content).load(url); return false; }); }; template.html $(document).ready(function(){ $(span.loadContent).loadContent(); }); resume.html $(document).ready(function(){ $(span.loadContent).loadContent(); }); It was important to remove loadContent class to avoid attaching double click event to span tag.. Can some evaluate my code and give me suggestions. Regards, Ritesh On Apr 1, 8:19 am, bingo [EMAIL PROTECTED] wrote: hi Kristinn.. sorry for the confusion..in haste..I forgot to type in href attribute in the span..the actual code contains href attribute also... Regards, Ritesh On Apr 1, 5:18 am, Kristinn Sigmundsson [EMAIL PROTECTED] wrote: curious about one thing, where do you get the url from in: url = $(this).attr('href'); as the span doesn't have a href attrib. On 4/1/07, bingo [EMAIL PROTECTED] wrote: Hi, I am having some trouble with ajax and jquery... I have my default webpage template and in that I have defined my javascript as shown below !-- My webpage template -- $(document).ready(function(){ $('.loadContent').click(function(){ url = $(this).attr('href'); $(div#content).load(url); return false; }); }); span class=loadContentresume/span when I click on resume..it properly loads in the content div...my resume is as follow div span class=loadContentPublications/span /div However when I click on publication, my publications are never loaded...using firebug..I found that $('.loadContent') is never called... Looking some previous post, I found that I need to use callback function.But I dont have any idea on how use callback.. please let me know if you have any suggestions.. Regards, Ritesh- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -- Hide quoted text - - Show quoted text -