HighDots Forums  

Need help with mouseover effects in contents table

alt.html.writers alt.html.writers


Discuss Need help with mouseover effects in contents table in the alt.html.writers forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Nomen Nescio
 
Posts: n/a

Default Need help with mouseover effects in contents table - 07-04-2005 , 10:10 AM






I had a program once that created the javascript for a table
of contents page.

What I had on the page was a single column table, with 16 rows.
In the top row, was a static image, that was not linked to any
other pages (the club logo). The next 13 cells in the table
(the rows beneath the topmost row) were GIFs that were "buttons"
one could press which would open the corresponding page in the
main frame. The bottom two rows were a hit counter and an upload
date.

I do not remember the name of the program I used, but it was a
WYSIWIG editor that then generated the javascript code that I
could paste into the HTML (I use Front Page Editor) and when
previewed, it showed the table of contents I wanted.

For some odd reason (after setting aside this webpage design for
a year) some of the buttons are now not showing the mouseover
effect.

I don't know what happened in the intervening time, as I have
not altered anything on the page, but the mouseover effect is
only working on seven of the buttons.

I have no idea how to fix this, or what is wrong with it, and
I have checked about 20 sites that offer javascript help with
the mouseover effect, and I am no closer to understanding how
it works, or to what I should rename anything to make this work.

Can anyone reccomend a program (preferably freeware) that will
help me create a contents/index table with the mouseover effect,
or point me to someone who can help me (out of the goodness of
their heart! LOL) troubleshoot this?

---
-
Those who complain about others not being "team players"
are usually the same ones who never give up the ball.
-----


Reply With Quote
  #2  
Old   
Adrienne
 
Posts: n/a

Default Re: Need help with mouseover effects in contents table - 07-04-2005 , 11:27 AM






Gazing into my crystal ball I observed Nomen Nescio <Use-Author-Supplied-
Address-Header@[127.1]> writing in news:494aeba4ef63312a41e40229ac5907e9
@dizum.com:

Quote:
I had a program once that created the javascript for a table
of contents page.
There are inherint problems with using javascript for generating a table of
contents. Since, it is client side, if a visitor does not have javascript
available, then the menu will not be available, or some of the functions of
the menu will not be available.

Better to use CSS a:hover for mouseoever effects.

Quote:
What I had on the page was a single column table, with 16 rows.
In the top row, was a static image, that was not linked to any
other pages (the club logo). The next 13 cells in the table
(the rows beneath the topmost row) were GIFs that were "buttons"
one could press which would open the corresponding page in the
main frame. The bottom two rows were a hit counter and an upload
date.
Oops! Call the table abuse cops - abuse of tables! Tables should be used
for tabular data, not for page layout. Why? For several reasons:
1. If the table is not set up correctly, when it is linearized by a
screenreader, the contents can be read in the wrong order.
2. Tables take longer to render because there is more markup, and some
browsers will not render the page until all the table markup is read. That
can be quite a while for someone on dial up.
3. Because of their complexity, they can be difficult to debug. Some
browsers will not render a page at all if there is something wrong with the
table markup, eg. a missing </td>.

You would be better off using CSS.

Quote:
I do not remember the name of the program I used, but it was a
WYSIWIG editor that then generated the javascript code that I
could paste into the HTML (I use Front Page Editor) and when
previewed, it showed the table of contents I wanted.

For some odd reason (after setting aside this webpage design for
a year) some of the buttons are now not showing the mouseover
effect.

I don't know what happened in the intervening time, as I have
not altered anything on the page, but the mouseover effect is
only working on seven of the buttons.

I have no idea how to fix this, or what is wrong with it, and
I have checked about 20 sites that offer javascript help with
the mouseover effect, and I am no closer to understanding how
it works, or to what I should rename anything to make this work.

Can anyone reccomend a program (preferably freeware) that will
help me create a contents/index table with the mouseover effect,
or point me to someone who can help me (out of the goodness of
their heart! LOL) troubleshoot this?

The best program is called Gray Matter, and you already have it.
1. Learn HTML - really easy http://www.allmyfaqs.com/faq.pl?HTML_Tutorials
2. Learn CSS - not too difficult - Brucie's list of CSS tutorials and other
fun, giggley stuff:
css tutorials and other fun 'n giggly css stuff:
http://www.css.nu/
http://www.mako4css.com/
http://www.richinstyle.com/
http://www.blazonry.com/css/
http://www.w3schools.com/css/
http://www.websitetips.com/css/
http://www.htmlhelp.com/reference/css/
http://www.pageresource.com/dhtml/indexcss.htm
http://www.climbtothestars.org/coding/cssbasic/
http://www.htmlcenter.com/tutorials/index.cfm/css/
http://www.freewebmastertips.com/php...nt.php3?aid=48
http://www.canit.se/~griffon/web/wri...ylesheets.html
http://www.utoronto.ca/ian/books/xht...pt/css-4a.html
http://idm.internet.com/articles/200...utorial1a.html
http://www.greytower.net/en/archive/.../tsutsumi.html
http://www.westciv.com.au/style_mast.../css_tutorial/
http://webmonkey.com/authoring/style...orials/tutoria l1.html

layout examples:
http://www.glish.com/css/
http://www.csszengarden.com/
http://www.wannabegirl.org/css/
http://tantek.com/CSS/Examples/
http://www.saila.com/usage/layouts/
http://www.bluerobot.com/web/layouts/
http://www.benmeadowcroft.com/webdev/
http://www.xs4all.nl/~apple77/columns/
http://www.meyerweb.com/eric/css/edge/
http://www.htmler.org/tutorials/3/1.html
http://css.nu/articles/floating-boxes.html
http://webhost.bridgew.edu/etribou/layouts/
http://www.roguelibrarian.com/lj/index.html
http://css-discuss.incutio.com/?page=CssLayouts
http://ecoculture.com/styleguide/r/rollovers.html
http://thenoodleincident.com/tutoria...son/index.html
http://www.webreference.com/authorin...eets/layout/ad vanced/

rounded corners:
http://www.albin.net/CSS/roundedCorners/
http://www.webweaver.org/dan/css/corners/
http://www.guyfisher.com/builder/workshop/css/corners/

slants: http://www.infimum.dk/HTML/slantinfo.html
centring: http://stone.thecoreworlds.net/www/centre/
lists: http://www.alistapart.com/stories/taminglists/
pure css menus: http://www.meyerweb.com/eric/css/edge/menus/demo.html

master compatibility charts:
http://www.xs4all.nl/~ppk/css2tests/intro.html
http://www.blooberry.com/indexdot/css/index.html
http://macedition.com/cb/resources/a...sssupport.html
old:
http://www.immix.net/html/CSSGuide.htm
http://devedge.netscape.com/library/...3/css-support/

hiding CSS from crappy browsers:
http://centricle.com/ref/css/filters/
http://www.ericmeyeroncss.com/bonus/trick-hide.html
http://www.w3development.de/css/hide_css_from_browsers/

css checkers:
http://jigsaw.w3.org/css-validator/
http://www.htmlhelp.com/tools/csscheck/

cascading style sheets, level 1 specification
http://www.w3.org/TR/REC-CSS1.html
cascading style sheets, level 2 specification
http://www.w3.org/tr/rec-css2/cover.html
cascading style sheets, level 2 revision 1 working draft
http://www.w3.org/TR/2002/WD-CSS21-20020802/

3. Get yourself a good editor - here's Brucie's list:
free:
jedit: http://www.jedit.org/
nedit: http://www.nedit.org/
ewisoft: http://www.ewisoft.com/
netpadd: http://www.netpadd.com/
araneae: http://www.araneae.com/
1st page: http://www.evrsoft.com/
crimson: http://crimsoneditor.com/
ezpad: http://www.mmedia.is/ezpad/
acehtml: http://freeware.acehtml.com/
notetab light: http://www.notetab.com/
html-kit: http://www.chami.com/html-kit/
context: http://www.fixedsys.com/context/
pspad: http://www.pspad.com/en/index.html
websmill: http://www.xtreeme.com/websmill/
metapad: http://www.liquidninja.com/metapad/
quanta (linux): http://quanta.sourceforge.net/
tswebeditor: http://thaler.ennstal.at/tswebeditor/
notespad: http://www.newbie.net/NotesPad/index.html
grey matter pro: http://www.pagetutor.com/misc/grey.html
editpad lite: http://www.editpadlite.com/editpadlite.html
stones webwrite: http://www.webwriter.dk/english/index.htm
matizha sublime: http://www.matizha.com/en/products/sublime/

not free:
textpad: http://www.textpad.com/ [$30]
notetab: http://www.notetab.com/ [$10+]
editplus: http://www.editplus.com/ [$30]
ultraedit: http://www.idmcomp.com/ [$35]
editpad: http://www.editpadpro.com/ [$40]
hypertext studio: http://www.olsonsoft.com/ [$100]
namo: http://www.namo.com/products/webeditor/ [$90]
acehtml pro: http://www.visicommedia.com/acehtml/ [$50]
ibm websphere: http://www-3.ibm.com/software/webservers/hpbuilder/ [$70]
spider writer: http://www.actiprosoftware.com/Products/SpiderWriter/ [$80=
]

Trust me, with plain HTML and nice CSS, you will do a lot better than
having a program spit something out that breaks and you don't know how to
fix it.

--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share


Reply With Quote
  #3  
Old   
Nomen Nescio
 
Posts: n/a

Default RE: Re: Need help with mouseover effects in contents table - 07-05-2005 , 07:40 AM



Adrienne writes:
Quote:
Gazing into my crystal ball I observed Nomen Nescio <Use-Author-
Supplied-Address-Header@[127.1]> writing in news:
494aeba4ef63312a41e40229ac5907e9 (AT) dizum (DOT) com:
I'll spare the group a repetition of the venom-laced and sarcastic
reply that was made to my original post, and merely say that this
was the LEAST helpful reply I have ever read on Usenet.

Adrienne is exactly the type of person to whom my sigfile refers.

All talk, no help. Never once was my original inquiry addressed,
but she sure went out of her way to put me down. Thanks for nothing.

---
-
Those who complain about others not being "team players"
are the same ones who never give up the ball.
-----



Reply With Quote
  #4  
Old   
Adrienne
 
Posts: n/a

Default RE: Re: Need help with mouseover effects in contents table - 07-05-2005 , 02:06 PM



Gazing into my crystal ball I observed Nomen Nescio <Use-Author-Supplied-
Address-Header@[127.1]> writing in news:53dc4efc3d1f2976bf32280ebd5c41f0
@dizum.com:

Quote:
Adrienne writes:

Gazing into my crystal ball I observed Nomen Nescio <Use-Author-
Supplied-Address-Header@[127.1]> writing in news:
494aeba4ef63312a41e40229ac5907e9 (AT) dizum (DOT) com:

I'll spare the group a repetition of the venom-laced and sarcastic
reply that was made to my original post, and merely say that this
was the LEAST helpful reply I have ever read on Usenet.

Adrienne is exactly the type of person to whom my sigfile refers.

All talk, no help. Never once was my original inquiry addressed,
but she sure went out of her way to put me down. Thanks for nothing.

---
-
Those who complain about others not being "team players"
are the same ones who never give up the ball.
-----

Excuse me, but I did not write anything venom laced or sarcastic. You
asked a question, and I gave you some suggestions. I actually spent quite
a bit of time giving you those links, and trying to help you so you can
help yourself.

Please be aware that this is Usenet, for discussions, not a private help
desk. If you happen to get an answer from a discussion, then good for you.

You wanted the name of a program that is used to create javascript menus.
I gave you alternatives. I would not say that was venom laced or
sarcastic, I would say that I was _very_ helpful.

Now, <plonk>, into my killfile you go!
--
Adrienne Boswell
http://www.cavalcade-of-coding.info
Please respond to the group so others can share


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.