|
|
#1
25.01.2004, 11:19
|
|||
|
|||
I have an problem because i want put companys in my website like:
WEBDESIGN ---------------------- !Bernd Brot !Arnd arend BAKERY ---------------------- !susi sauer but i klick on the name like "!arnd arend" then the browser have to give the visitor more information like: WEBDESIGN ---------------------- !Bernd Brot !Arnd arend highstreet 4 23234 beisenhill BAKERY ---------------------- !susi sauer and the i click to an other name the browser changed to that: WEBDESIGN ---------------------- !Bernd Brot seeestreet 5 32123 hillgrove !Arnd arend BAKERY ---------------------- !susi sauer is there somebody that can help me for do that in that way? the website where i need that is www.beisefoerth.de its an private website for my village and i want write down the companys but there are much companys and i waant keep the site smal without very much scrolling. please send meyour help to blodsfana@gmx.de     
|
|
#2
25.01.2004, 18:51
|
|||
|
|||
|
heres something I wrote a while ago. Make sure to Keep the copyright notice attached!!!
<html> <head> <title>JDR Productions Swap Menu</title> </head> <body bgcolor="black"> <style> #main a:link { font-family: tahoma, arial, verdana; padding:5; verdana;font-size: 11px; background:CCCCCC; width:182; height:100%; color:black; border:1px solid white; } #main a:active { font-family: tahoma, arial, verdana; padding:5; verdana;font-size: 11px; background:red; width:182; height:100%; color:green; border:1px solid white; } #main a:visited { font-family: tahoma, arial, verdana; padding:5; verdana;font-size: 11px; background:CCCCCC; width:182; height:100%; color:black; border:1px solid white; } #main a:hover { font-family: tahoma, arial, verdana; padding:5; verdana;font-size: 11px; background:gray; width:182; height:100%; color:CCCCCC; border:1px solid white; } a:link { background: gray; border-bottom:white solid 1px; color: silver; width:100%; text-decoration:none; text-align:center;} a:active { background: gray; border-bottom:white solid 1px; color: silver; width:100%; text-decoration:none; text-align:center; } a:visited { background: gray; border-bottom:white solid 1px; color: silver; width:100%; text-decoration:none; text-align:center; } a:hover { background: black; color:CCCCCC; border-bottom:white solid 1px; width:100%; text-decoration:none; text-align:center; } a.exit:link { background: CCCCCC;color: black; width:100%; text-decoration:none; text-align:center;} a.exit:active { background: CCCCCC;color: black; width:100%; text-decoration:none; text-align:center; } a.exit:visited { background: CCCCCC;color: black; width:100%; text-decoration:none; text-align:center; } .sub { position:absolute; color:white; top:0; left:0; border-top:0px white solid; border-left:2px white solid; border-right:2px white solid; border-bottom:2px white solid; text-align:center; width:182; visibility:hidden;} </style> <script type="text/javascript"> /* Pop Down Swap Menu Last updated: 7/19/03 Written By JDR Productions Visit http://www.jdrproductions.tk for updates */ function swapmenu(obj, visibility) { if(document.getElementById){ divs = document.getElementsByTagName("div"); divs[obj].style.visibility = visibility; } } </script> <center> <table cellpadding="0" cellspacing="0"> <tr> <div id="main">1</div> </tr><tr> <div id="main">2</div> </tr><tr> <div id="main">3</div> </tr><tr> <div id="main">4</div> </tr> <tr onclick="bgcolor:'red'"> <div id="container" style="position:relative; top:0; left:0;"> <div class="sub" id="sub1"> Information Information Information Information Close </div> <div class="sub" id="sub2"> Information Information Information Information Close </div> <div class="sub" id="sub3"> Information Information Information Information Close </div> <div class="sub" id="sub4"> Information Information Information Information Close </div> </div> </tr></td> </table> </center> </body> </html> <hr><font face="Arial">[url="http://www.jdrproductions.tk"]Homepage[/url:enmcc2ma0y] | [url="mailto:jdr8271@hotmail.com"]Email[/url:enmcc2ma0y]</font id="Arial">
|
|
#3
26.01.2004, 14:30
|
|||
|
|||
|
JDR: not trying to insult you, but that code has some serious flaws. I bet it only works in IE and you clearly misunderstand the DOM. The id you pass on is - internally - refered to as an object. Instead of using the id to find the element, you find all divs and then use the object, I mean, id to find the element. Pretty confusing, eh? Also, visibility: hidden; makes the element invisible, but the space is occupies is still preserved.
Blodsfana: you might want to think out a good HTML structure to represent the categorization of the companies and their addresses. Then you should implement a bit of JavaScript to allow people to select the information they want. I'm going to let you find it out for yourself now.. hope you don't mind  - [url="http://neo.dzygn.com/"]Mark[/url:tth6wospyi]
|
 |
| Thread Tools | Search this Thread |
| Display Modes | |
|
|
Linear Mode
