Demo Site: http://www.dashifen.com/temp/drag_test/index.htm Check out the site above. You''ll see a very small menu with a lot of behaviors attached. In Firefox, IE 6/7, and Opera things go as planned. You can click the arrow in the menu''s header and it shrinks the menu to a column of icons, and you can reverse this by re-clicking the arrow. Plus, you can click either icons or labels within the menu and get little alert boxes which replace stub functions for the moment. But, in Safari, there''s all sorts of problems. Chiefly, it the menu shrinking and expansion doesn''t work and it seems like clicking on a label wasn''t working for me either. Admittedly, though, I''m testing on an out-of-date Macintosh, as far as I know, and I don''t have access to a different one. So, if there''s anyone out there who can test the above site in safari try this: 1. Drag the menu to a different location on screen. 2. Try clicking the green arrow to the left of the words "Builder Menu" and see if the menu shrinks. If so, try to click the arrow again to make it grow. 3. Try to click on any of the other labels to get an alert box and do the same with the icons. I suspect #1 will work (it works for me at least) but #2 will fail and #3 will work when clicking on icons but not the labels. Feel free to dissect my code and see if you can find anything going on. I''d love to move on and not worry about Safari until later, but unfortunately our the department head where I work is a Mac user and he''ll be sure to want to test it on his machine. Figures, right ;) Thanks, you guys all rock. -- Dash -- --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Everything works in the latest Webkit nightly. Green arrow doesn''t work with 2.0.4 (normal safari) Clicking labels works. I suspect it''s because you''re adding a down() method to the DOM element. On 4/4/07, David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote:> > > Demo Site: http://www.dashifen.com/temp/drag_test/index.htm > > Check out the site above. You''ll see a very small menu with a lot of > behaviors attached. In Firefox, IE 6/7, and Opera things go as > planned. You can click the arrow in the menu''s header and it shrinks > the menu to a column of icons, and you can reverse this by re-clicking > the arrow. Plus, you can click either icons or labels within the menu > and get little alert boxes which replace stub functions for the moment. > > But, in Safari, there''s all sorts of problems. Chiefly, it the menu > shrinking and expansion doesn''t work and it seems like clicking on a > label wasn''t working for me either. Admittedly, though, I''m testing on > an out-of-date Macintosh, as far as I know, and I don''t have access to a > different one. > > So, if there''s anyone out there who can test the above site in safari > try this: > > 1. Drag the menu to a different location on screen. > 2. Try clicking the green arrow to the left of the words "Builder Menu" > and see if the menu shrinks. If so, try to click the arrow again to > make it grow. > 3. Try to click on any of the other labels to get an alert box and do > the same with the icons. > > I suspect #1 will work (it works for me at least) but #2 will fail and > #3 will work when clicking on icons but not the labels. > > Feel free to dissect my code and see if you can find anything going on. > I''d love to move on and not worry about Safari until later, but > unfortunately our the department head where I work is a Mac user and > he''ll be sure to want to test it on his machine. Figures, right ;) > > Thanks, you guys all rock. > > -- Dash -- > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
FWIW, your demo is also fully functional in Firefox 1.0.6 for Linux. (Yeah, I need to upgrade!) David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: Demo Site: http://www.dashifen.com/temp/drag_test/index.htm Check out the site above. You''ll see a very small menu with a lot of behaviors attached. In Firefox, IE 6/7, and Opera things go as planned. You can click the arrow in the menu''s header and it shrinks the menu to a column of icons, and you can reverse this by re-clicking the arrow. Plus, you can click either icons or labels within the menu and get little alert boxes which replace stub functions for the moment. But, in Safari, there''s all sorts of problems. Chiefly, it the menu shrinking and expansion doesn''t work and it seems like clicking on a label wasn''t working for me either. Admittedly, though, I''m testing on an out-of-date Macintosh, as far as I know, and I don''t have access to a different one. So, if there''s anyone out there who can test the above site in safari try this: 1. Drag the menu to a different location on screen. 2. Try clicking the green arrow to the left of the words "Builder Menu" and see if the menu shrinks. If so, try to click the arrow again to make it grow. 3. Try to click on any of the other labels to get an alert box and do the same with the icons. I suspect #1 will work (it works for me at least) but #2 will fail and #3 will work when clicking on icons but not the labels. Feel free to dissect my code and see if you can find anything going on. I''d love to move on and not worry about Safari until later, but unfortunately our the department head where I work is a Mac user and he''ll be sure to want to test it on his machine. Figures, right ;) Thanks, you guys all rock. -- Dash -- --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Interesting. Thanks Courtenay. It is the down() function that seems to break things, which is interesting because the up() function seemed to work fine. I''ll have to play around and see if I can find a way to get at that image that works in Safari. -- Dash -- Courtenay wrote:> Everything works in the latest Webkit nightly. > Green arrow doesn''t work with 2.0.4 (normal safari) > Clicking labels works. > > I suspect it''s because you''re adding a down() method to the DOM element. > > > On 4/4/07, David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: > >> Demo Site: http://www.dashifen.com/temp/drag_test/index.htm >> >> Check out the site above. You''ll see a very small menu with a lot of >> behaviors attached. In Firefox, IE 6/7, and Opera things go as >> planned. You can click the arrow in the menu''s header and it shrinks >> the menu to a column of icons, and you can reverse this by re-clicking >> the arrow. Plus, you can click either icons or labels within the menu >> and get little alert boxes which replace stub functions for the moment. >> >> But, in Safari, there''s all sorts of problems. Chiefly, it the menu >> shrinking and expansion doesn''t work and it seems like clicking on a >> label wasn''t working for me either. Admittedly, though, I''m testing on >> an out-of-date Macintosh, as far as I know, and I don''t have access to a >> different one. >> >> So, if there''s anyone out there who can test the above site in safari >> try this: >> >> 1. Drag the menu to a different location on screen. >> 2. Try clicking the green arrow to the left of the words "Builder Menu" >> and see if the menu shrinks. If so, try to click the arrow again to >> make it grow. >> 3. Try to click on any of the other labels to get an alert box and do >> the same with the icons. >> >> I suspect #1 will work (it works for me at least) but #2 will fail and >> #3 will work when clicking on icons but not the labels. >> >> Feel free to dissect my code and see if you can find anything going on. >> I''d love to move on and not worry about Safari until later, but >> unfortunately our the department head where I work is a Mac user and >> he''ll be sure to want to test it on his machine. Figures, right ;) >> >> Thanks, you guys all rock. >> >> -- Dash -- >> >> > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Good to know and, yeah, you do ;) -- Dash -- John wrote:> FWIW, your demo is also fully functional in Firefox 1.0.6 for Linux. (Yeah, I need to upgrade!) > > David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: > Demo Site: http://www.dashifen.com/temp/drag_test/index.htm > > Check out the site above. You''ll see a very small menu with a lot of > behaviors attached. In Firefox, IE 6/7, and Opera things go as > planned. You can click the arrow in the menu''s header and it shrinks > the menu to a column of icons, and you can reverse this by re-clicking > the arrow. Plus, you can click either icons or labels within the menu > and get little alert boxes which replace stub functions for the moment. > > But, in Safari, there''s all sorts of problems. Chiefly, it the menu > shrinking and expansion doesn''t work and it seems like clicking on a > label wasn''t working for me either. Admittedly, though, I''m testing on > an out-of-date Macintosh, as far as I know, and I don''t have access to a > different one. > > So, if there''s anyone out there who can test the above site in safari > try this: > > 1. Drag the menu to a different location on screen. > 2. Try clicking the green arrow to the left of the words "Builder Menu" > and see if the menu shrinks. If so, try to click the arrow again to > make it grow. > 3. Try to click on any of the other labels to get an alert box and do > the same with the icons. > > I suspect #1 will work (it works for me at least) but #2 will fail and > #3 will work when clicking on icons but not the labels. > > Feel free to dissect my code and see if you can find anything going on. > I''d love to move on and not worry about Safari until later, but > unfortunately our the department head where I work is a Mac user and > he''ll be sure to want to test it on his machine. Figures, right ;) > > Thanks, you guys all rock. > > -- Dash -- > > > > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
BTW, I love your menu. One other thing worth noting is in IE the icons shift down slightly when shrinking the menu. Firefox doesn''t have this problem. David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: Good to know and, yeah, you do ;) -- Dash -- John wrote:> FWIW, your demo is also fully functional in Firefox 1.0.6 for Linux. (Yeah, I need to upgrade!) > > David Dashifen Kees wrote: > Demo Site: http://www.dashifen.com/temp/drag_test/index.htm > > Check out the site above. You''ll see a very small menu with a lot of > behaviors attached. In Firefox, IE 6/7, and Opera things go as > planned. You can click the arrow in the menu''s header and it shrinks > the menu to a column of icons, and you can reverse this by re-clicking > the arrow. Plus, you can click either icons or labels within the menu > and get little alert boxes which replace stub functions for the moment. > > But, in Safari, there''s all sorts of problems. Chiefly, it the menu > shrinking and expansion doesn''t work and it seems like clicking on a > label wasn''t working for me either. Admittedly, though, I''m testing on > an out-of-date Macintosh, as far as I know, and I don''t have access to a > different one. > > So, if there''s anyone out there who can test the above site in safari > try this: > > 1. Drag the menu to a different location on screen. > 2. Try clicking the green arrow to the left of the words "Builder Menu" > and see if the menu shrinks. If so, try to click the arrow again to > make it grow. > 3. Try to click on any of the other labels to get an alert box and do > the same with the icons. > > I suspect #1 will work (it works for me at least) but #2 will fail and > #3 will work when clicking on icons but not the labels. > > Feel free to dissect my code and see if you can find anything going on. > I''d love to move on and not worry about Safari until later, but > unfortunately our the department head where I work is a Mac user and > he''ll be sure to want to test it on his machine. Figures, right ;) > > Thanks, you guys all rock. > > -- Dash -- > > > > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Yeah, I''m aware of that. I can''t figure out quite what''s doing that. IE appears to be adding some padding for some reason. It was worse when I had borders around the list items because a small, three pixel gap appeared between each list item. As long as it works, I''m not going to worry about it for the moment. Thanks for taking a look ;) -- Dash -- John wrote:> BTW, I love your menu. One other thing worth noting is in IE the icons shift down slightly when shrinking the menu. Firefox doesn''t have this problem. > > David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: > > Good to know and, yeah, you do ;) > > -- Dash -- > > John wrote: > >> FWIW, your demo is also fully functional in Firefox 1.0.6 for Linux. (Yeah, I need to upgrade!) >> >> David Dashifen Kees wrote: >> Demo Site: http://www.dashifen.com/temp/drag_test/index.htm >> >> Check out the site above. You''ll see a very small menu with a lot of >> behaviors attached. In Firefox, IE 6/7, and Opera things go as >> planned. You can click the arrow in the menu''s header and it shrinks >> the menu to a column of icons, and you can reverse this by re-clicking >> the arrow. Plus, you can click either icons or labels within the menu >> and get little alert boxes which replace stub functions for the moment. >> >> But, in Safari, there''s all sorts of problems. Chiefly, it the menu >> shrinking and expansion doesn''t work and it seems like clicking on a >> label wasn''t working for me either. Admittedly, though, I''m testing on >> an out-of-date Macintosh, as far as I know, and I don''t have access to a >> different one. >> >> So, if there''s anyone out there who can test the above site in safari >> try this: >> >> 1. Drag the menu to a different location on screen. >> 2. Try clicking the green arrow to the left of the words "Builder Menu" >> and see if the menu shrinks. If so, try to click the arrow again to >> make it grow. >> 3. Try to click on any of the other labels to get an alert box and do >> the same with the icons. >> >> I suspect #1 will work (it works for me at least) but #2 will fail and >> #3 will work when clicking on icons but not the labels. >> >> Feel free to dissect my code and see if you can find anything going on. >> I''d love to move on and not worry about Safari until later, but >> unfortunately our the department head where I work is a Mac user and >> he''ll be sure to want to test it on his machine. Figures, right ;) >> >> Thanks, you guys all rock. >> >> -- Dash -- >> >> >> >> >> >> > > > > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Take a look at Yahoo yui font-reset css. It sets everything to zero so you never have padding or sizing issues. http://developer.yahoo.com/yui/reset/ "The foundational YUI Reset CSS file creates a level playing field across A-grade browsers and provides a sound foundation upon which you can explicitly declare your intentions. It normalizes the default rendering of all HTML elements, for example it sets margin, padding, and border to 0, font sizes to YUI Font''s default, italic and bold styles to normal, and list-style to none." On 4/5/07, David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote:> > Yeah, I''m aware of that. I can''t figure out quite what''s doing that. IE > appears to be adding some padding for some reason. It was worse when I had > borders around the list items because a small, three pixel gap appeared > between each list item. As long as it works, I''m not going to worry about > it for the moment. > > Thanks for taking a look ;) > -- Dash -- > > > John wrote: > BTW, I love your menu. One other thing worth noting is in IE the icons > shift down slightly when shrinking the menu. Firefox doesn''t have this > problem. > > David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: > > Good to know and, yeah, you do ;) > > -- Dash -- > > John wrote: > > > FWIW, your demo is also fully functional in Firefox 1.0.6 for Linux. (Yeah, > I need to upgrade!) > > David Dashifen Kees wrote: > Demo Site: http://www.dashifen.com/temp/drag_test/index.htm > > Check out the site above. You''ll see a very small menu with a lot of > behaviors attached. In Firefox, IE 6/7, and Opera things go as > planned. You can click the arrow in the menu''s header and it shrinks > the menu to a column of icons, and you can reverse this by re-clicking > the arrow. Plus, you can click either icons or labels within the menu > and get little alert boxes which replace stub functions for the moment. > > But, in Safari, there''s all sorts of problems. Chiefly, it the menu > shrinking and expansion doesn''t work and it seems like clicking on a > label wasn''t working for me either. Admittedly, though, I''m testing on > an out-of-date Macintosh, as far as I know, and I don''t have access to a > different one. > > So, if there''s anyone out there who can test the above site in safari > try this: > > 1. Drag the menu to a different location on screen. > 2. Try clicking the green arrow to the left of the words "Builder Menu" > and see if the menu shrinks. If so, try to click the arrow again to > make it grow. > 3. Try to click on any of the other labels to get an alert box and do > the same with the icons. > > I suspect #1 will work (it works for me at least) but #2 will fail and > #3 will work when clicking on icons but not the labels. > > Feel free to dissect my code and see if you can find anything going on. > I''d love to move on and not worry about Safari until later, but > unfortunately our the department head where I work is a Mac user and > he''ll be sure to want to test it on his machine. Figures, right ;) > > Thanks, you guys all rock. > > -- Dash -- > > > > > > > > > > > > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Now that''s cool. Thanks again :) -- Dash -- Courtenay wrote:> Take a look at Yahoo yui font-reset css. It sets everything to zero so > you never have padding or sizing issues. > > http://developer.yahoo.com/yui/reset/ > > "The foundational YUI Reset CSS file creates a level playing field > across A-grade browsers and provides a sound foundation upon which you > can explicitly declare your intentions. It normalizes the default > rendering of all HTML elements, for example it sets margin, padding, > and border to 0, font sizes to YUI Font''s default, italic and bold > styles to normal, and list-style to none." > > > On 4/5/07, David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: > >> Yeah, I''m aware of that. I can''t figure out quite what''s doing that. IE >> appears to be adding some padding for some reason. It was worse when I had >> borders around the list items because a small, three pixel gap appeared >> between each list item. As long as it works, I''m not going to worry about >> it for the moment. >> >> Thanks for taking a look ;) >> -- Dash -- >> >> >> John wrote: >> BTW, I love your menu. One other thing worth noting is in IE the icons >> shift down slightly when shrinking the menu. Firefox doesn''t have this >> problem. >> >> David Dashifen Kees <dashifen-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: >> >> Good to know and, yeah, you do ;) >> >> -- Dash -- >> >> John wrote: >> >> >> FWIW, your demo is also fully functional in Firefox 1.0.6 for Linux. (Yeah, >> I need to upgrade!) >> >> David Dashifen Kees wrote: >> Demo Site: http://www.dashifen.com/temp/drag_test/index.htm >> >> Check out the site above. You''ll see a very small menu with a lot of >> behaviors attached. In Firefox, IE 6/7, and Opera things go as >> planned. You can click the arrow in the menu''s header and it shrinks >> the menu to a column of icons, and you can reverse this by re-clicking >> the arrow. Plus, you can click either icons or labels within the menu >> and get little alert boxes which replace stub functions for the moment. >> >> But, in Safari, there''s all sorts of problems. Chiefly, it the menu >> shrinking and expansion doesn''t work and it seems like clicking on a >> label wasn''t working for me either. Admittedly, though, I''m testing on >> an out-of-date Macintosh, as far as I know, and I don''t have access to a >> different one. >> >> So, if there''s anyone out there who can test the above site in safari >> try this: >> >> 1. Drag the menu to a different location on screen. >> 2. Try clicking the green arrow to the left of the words "Builder Menu" >> and see if the menu shrinks. If so, try to click the arrow again to >> make it grow. >> 3. Try to click on any of the other labels to get an alert box and do >> the same with the icons. >> >> I suspect #1 will work (it works for me at least) but #2 will fail and >> #3 will work when clicking on icons but not the labels. >> >> Feel free to dissect my code and see if you can find anything going on. >> I''d love to move on and not worry about Safari until later, but >> unfortunately our the department head where I work is a Mac user and >> he''ll be sure to want to test it on his machine. Figures, right ;) >> >> Thanks, you guys all rock. >> >> -- Dash -- >> >> >> >> >> >> >> >> >> >> >> >> >> >> > >> >> > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
On Apr 5, 8:00 am, David Dashifen Kees <dashi...-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote:> Demo Site: http://www.dashifen.com/temp/drag_test/index.htm > > Check out the site above. You''ll see a very small menu with a lot of > behaviors attached. In Firefox, IE 6/7, and Opera things go as > planned. You can click the arrow in the menu''s header and it shrinks > the menu to a column of icons, and you can reverse this by re-clicking > the arrow. Plus, you can click either icons or labels within the menu > and get little alert boxes which replace stub functions for the moment. > > But, in Safari, there''s all sorts of problems.Well, one.> Chiefly, it the menu > shrinking and expansion doesn''t work and it seems like clicking on a > label wasn''t working for me either. Admittedly, though, I''m testing on > an out-of-date Macintosh, as far as I know, and I don''t have access to a > different one.The Macintosh itself is likely irrelevant, any PowerPC G3 or higher (i.e. any Mac less than about 8 years old) can run the latest version of OS X and Safari. I tested in OS X 10.4.9, which is Safari 2.0.4. I can test on OS X 10.2.8, Safari 1.3 if you like.> So, if there''s anyone out there who can test the above site in safari > try this: > > 1. Drag the menu to a different location on screen. > 2. Try clicking the green arrow to the left of the words "Builder Menu" > and see if the menu shrinks. If so, try to click the arrow again to > make it grow. > 3. Try to click on any of the other labels to get an alert box and do > the same with the icons. > > I suspect #1 will work (it works for me at least)Yes.> but #2 will fail andYes, with error: Null value http://www.dashifen.com/temp/drag_test/index.htm Line: 56 Which is the last line of: function show_hide_menu() { path = "media/images/controls/"; img = $("show_hide_menu").down(); There doesn''t appear to be any good reason why those variables should be global. Anyhow, $("show_hide_menu") returns null, so calling down() is doomed (i.e. this isn''t a problem with down(), but with $ () ). I suspect that it is due to Safari attempting to mimic IE''s behaviour of making element id''s into global variables - either change the name of the element or the function. I really wish browser developers would just stick to standards and leave IE''s dumb ideas to Microsoft.> #3 will work when clicking on icons but not the labels.It ''works'' for me when clicking on any li content, not just the image.> > Feel free to dissect my code and see if you can find anything going on. > I''d love to move on and not worry about Safari until later, but > unfortunately our the department head where I work is a Mac user and > he''ll be sure to want to test it on his machine. Figures, right ;)That *is* unfortunate. If your boss didn''t use a Mac you could tell Mac users to piss off and get a real PC, yeah? ;-) Why not put the onclick attributes on li elements themselves instead of detecting the element that the click came from and all that switch stuff? Then you can put labels, images, whatever content you like in the li and just let the event bubble up. As it is now, your code is utterly dependent on the HTML layout. As for the arrow, to get some separation of logic and layout, change it by changing the CSS class of builder_menu. CSS can then make it do whatever, not just swap or slide a single image - and you can forget about up(), down(), left(), right().... Oh, and if you bump up the text size a few times, the menu becomes unreadable (and not just with Safari). -- Fred --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
On Apr 6, 5:32 pm, "Fred" <ozf...-AFFH1GffN5hPR4JQBCEnsQ@public.gmane.org> wrote:> On Apr 5, 8:00 am, David Dashifen Kees <dashi...-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote: > > > Demo Site: http://www.dashifen.com/temp/drag_test/index.htm > > > Check out the site above. You''ll see a very small menu with a lot of > > behaviors attached. In Firefox, IE 6/7, and Opera things go as > > planned. You can click the arrow in the menu''s header and it shrinks > > the menu to a column of icons, and you can reverse this by re-clicking > > the arrow. Plus, you can click either icons or labels within the menu > > and get little alert boxes which replace stub functions for the moment. > > > But, in Safari, there''s all sorts of problems. > > Well, one.Two: the way you modify the path to the green arrow image is an issue too - but using CSS instead of hard-coded script will fix that. [...]> > but #2 will fail and > > Yes, with error: > > Null valuehttp://www.dashifen.com/temp/drag_test/index.htm Line: 56 > > Which is the last line of: > > function show_hide_menu() { > path = "media/images/controls/"; > img = $("show_hide_menu").down(); > > There doesn''t appear to be any good reason why those variables should > be global. Anyhow, $("show_hide_menu") returns null, so calling > down() is doomed (i.e. this isn''t a problem with down(), but with $ > () ). > > I suspect that it is due to Safari attempting to mimic IE''s behaviourWrong. It is related to the applyDropShadows function, which somehow masks show_hide_menu and builder_menu so that when you try to access them by id, the call returns null. Get rid of it and your menu works in Safari. I''m not going to debug it. [...]> Why not put the onclick attributes on li elements themselves instead > of detecting the element that the click came from and all that switch > stuff?I still think that''s the best idea. Get rid of the hard-coded ids (you repeatedly get the same element by id or up/down when you could have just passed an element reference). -- Fred --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Yeah, it''s still a work in progress. Thanks for tracking it down
enough
that you determined the problem is in the drop shadows bit. I can
probably remove them for safari, but I think it''ll really help the
visitor to the site understand that the menu is drag-and-drop capable
with the drop-shadows. Safari users might just be without that visual
cue.
I''ll dissect the rest of your information when I have the time.
I''ve
got another project to finish up in about 45 minutes and then it''s back
to getting that menu running and connecting it to the actual program
that it will be running within.
As for the click events, I had them attached specifically to the images
and the labels (since that''s what I really want clickable) but that
wasn''t working for Safari at all. So I tried switching the click
events
to the overall $("draggables") div and then detecting which element
within that div caused the event. That seemed to work for the images
but not the labels on my end of things but works for both on yours (and
Courtenay''s) side. Either way, I''ve still got some hacking to
do before
I can call the menu complete.
Thanks for your help, Fred.
-- Dash --
Fred wrote:>
> On Apr 6, 5:32 pm, "Fred"
<ozf...-AFFH1GffN5hPR4JQBCEnsQ@public.gmane.org> wrote:
>
>> On Apr 5, 8:00 am, David Dashifen Kees
<dashi...-NT0ononE2K1Wk0Htik3J/w@public.gmane.org> wrote:
>>
>>
>>> Demo Site: http://www.dashifen.com/temp/drag_test/index.htm
>>>
>>> Check out the site above. You''ll see a very small menu
with a lot of
>>> behaviors attached. In Firefox, IE 6/7, and Opera things go as
>>> planned. You can click the arrow in the menu''s header and
it shrinks
>>> the menu to a column of icons, and you can reverse this by
re-clicking
>>> the arrow. Plus, you can click either icons or labels within the
menu
>>> and get little alert boxes which replace stub functions for the
moment.
>>>
>>> But, in Safari, there''s all sorts of problems.
>>>
>> Well, one.
>>
>
> Two: the way you modify the path to the green arrow image is an issue
> too - but using CSS instead of hard-coded script will fix that.
>
> [...]
>
>
>>> but #2 will fail and
>>>
>> Yes, with error:
>>
>> Null valuehttp://www.dashifen.com/temp/drag_test/index.htm Line: 56
>>
>> Which is the last line of:
>>
>> function show_hide_menu() {
>> path = "media/images/controls/";
>> img = $("show_hide_menu").down();
>>
>> There doesn''t appear to be any good reason why those variables
should
>> be global. Anyhow, $("show_hide_menu") returns null, so
calling
>> down() is doomed (i.e. this isn''t a problem with down(), but
with $
>> () ).
>>
>> I suspect that it is due to Safari attempting to mimic IE''s
behaviour
>>
>
> Wrong. It is related to the applyDropShadows function, which somehow
> masks show_hide_menu and builder_menu so that when you try to access
> them by id, the call returns null. Get rid of it and your menu works
> in Safari.
>
> I''m not going to debug it.
>
>
> [...]
>
>> Why not put the onclick attributes on li elements themselves instead
>> of detecting the element that the click came from and all that switch
>> stuff?
>>
>
> I still think that''s the best idea. Get rid of the hard-coded ids
> (you repeatedly get the same element by id or up/down when you could
> have just passed an element reference).
>
>
> --
> Fred
>
>
> >
>
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---