04. oktober 2001 - 21:59Der er
35 kommentarer og 1 løsning
Fra link til tabel?
Jeg har lavet en hjemmeside, og er igang med at \"kode\" den i HTML Jeg har lavet en menu, med tekst, altså Grafik, Tagwall osv. Og under menu\'en har jeg en tabel hvor jeg vil have den til at åbne mine underlinks, altså Grafik, Tagwall osv. Kan det lade sig gøre, for jeg kan ikke lave et hyperlink til den...
<ole> cool_casper >> Det er jo ren IE-kode...endda gammel IE4 kode - som bevares, også foreløbig virker i efterfølgende IE\'ere, men til gengæld ingen andre steder.
domaz >> Kik lidt rundt på Eksperten, der er oceaner af bedre bud på en foldeud menu. Så vidt jeg husker har Thomas Brattli nogen liggende på: http://www.bratta.com ...og der er vist også nogen på DynamicDrive. Søg og du skal finde :) /mvh </bole>
Det er godt i kommer med sider, men det er jo ikke det jeg spørger om Jeg spørger om man kan ,og hvordan, at jeg henter nogle DHTML programmer, gør mig ikke klogere, jeg fatter ikke en skid af det...og har brug for hjælp
Du vil altså åbne \'linksiderne\' fx. nyheder i nederste tabel. I den nederste tabel skal/kan du så indsætte en <IFRAME> og til NS<6 en <ILAYER>. Hvis du ikke kender til dette kan du måske bruge noget af dette. Linket skal have target til navnet på <IFRAME name=\"dit targetnavn\">: <TD> <IFRAME frameBorder=1 height=200 name=dit targetnavn src=\"åbningsfil.html\" width=300> </IFRAME> Til NS udskifter du vistnok blot IFRAME med ILAYER. Så må du selv indstille kanonerne
Jeg var lige ude at banke nogle unge drenge i tennis - jeg beklager ikke. Jeg har ikke ICQ - det beklager jeg.
Du skal indsætte flg. i din index-fil (som du kalder hjemmeside.html# - omdøb til index.html, hvis det er din start-side) i stedet for dine nyheder: <table border=\"0\" width=\"458\" background=\"images/textbg.jpg\" cellspacing=\"0\" cellpadding=\"0\"> <tr> <td width=\"458\"> <IFRAME frameBorder=1 height=200 name=etnavn src=\"opening.html\" width=300> </IFRAME> </td> </tr> </table> Du skal så lave en opening.html fil evt. tom bortset fra standard koderne. Dette er den fil der vil være i tabellen fra begyndelsen - det kan også være nyhederne - de skal så bare være i opening.html - eller hvad du vil kalde den. Det skal bare referere til den, der hvor der står: opening.html. Så sætter du dine nyheder ind i en anden html-fil og gemmer den som fx. nyheder.html. Dit link: nyheder laver du således i dit oprindelige index-dokument:
Callesen, kan jeg ikke sende noget lortet til dig, så kan du lige sætte det ind med den første, så kan jeg selv prøve med resten.... For jeg fatter ikke det her.....
donaz>> Helt ærligt nu har du sagt \"fatter ikke\" et par gange, så synes du ikke det er på tide du lærer det? istedet for at få det \"serveret\" her på eksperten. Det kommer du længre med.......... kik evt. på www.html.dkwww.builder.dk elelr læs en bog eller to...........
Så laver du nogle nye filer. En med nyheder - nyheder.html, en mig.html osv. som linkene refererer til. I disse filer indsætter du flg. i HEAD for at styre scrollbar-on/off fx.:
Callesen << Det fungere.... Meeeen, hvis jeg skal have 2 stykker grafik ind i den, skal jeg så gøre det i HVER fil (Nyheder.html osv.) Eller kan jeg gøre det på min \"index.html\" ???
6-0 1) Hvis grafikken skal være i IFRAME\'en skal det indsættes i de filer, der kaldes - vi kan kalde dem for link-filer. Hvis det er samme grafik til alle link-filer kan det være at det er mest hensigtmæssigt at lægge det uden for IFRAME\'n; men det afhænger igen af hvor det skal være. Det kan så evt. lægges i en CSS-boks i index.html-filen. 2) <a href=\"nyheder.html\" TARGET=\"1\" onmouseover=\"popup(0)\" onmouseout=\"popout()\">Nyheder</a> - burde virke.
<html> <head> <!-- Minus AutoDato --> <title> --> Micro 2001 <-- </title> <style type=\"text/css\"> .clDescriptionCont {position:absolute; width:200px; visibility:hidden; layer-background-color:#CCCCCC; z-index:200;} .clDescription {width:150px; left:0px; top:0px; font-family:verdana,arial,helvetica,sans-serif; overflow:hidden; border: 1px solid #000000; padding:3px; font-size:11px; background-color:#4F7690; layer-background-color:#cccccc;} .clLinks {position:absolute; left:100px; top:200px; z-index:1;} .clCaption {position:absolute; left:0px; top:0px; width:157px; height:15px; clip:rect(0px 157px 15px 0px); font-size:11px; font-family:verdana,arial,helvetica,sans-serif; background-color:#37576D; layer-background-color:#999999;} a {text-decoration: none;} </style> <script language=\"JavaScript\" type=\"text/javascript\"> /********************************************************************************** PopupDescriptions * Copyright (C) 2001 <a href=\"/dhtmlcentral/thomas_brattli.asp\">Thomas Brattli</a> * This script was released at DHTMLCentral.com * Visit for more great scripts! * This may be used and changed freely as long as this msg is intact! * We will also appreciate any links you could give us. * * Made by <a href=\"/dhtmlcentral/thomas_brattli.asp\">Thomas Brattli</a> *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=(navigator.userAgent.indexOf(\"Opera\")>-1 && document.getElementById)?1:0 this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf(\"MSIE 6\")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf(\"Mac\")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck()
/*************************************************************************************** Variables to set: ***************************************************************************************/ messages=new Array() //Write your descriptions in here. messages[0] = \'<div class=\"clCaption\">Nyheder</div><br>Diverse nyheder om sitet.</div>\' messages[1] = \'<div class=\"clCaption\">Om mig</div><br>En lille beskrivelse af mig</div>\' messages[2] = \'<div class=\"clCaption\">Counter-Strike</div><br>Alt muligt om det geniale spil Counter-Strike</div>\' messages[3] = \'<div class=\"clCaption\">Tagwall</div><br>Her kan du smide et tag ind, som alle kan læse</div>\' messages[4] = \'<div class=\"clCaption\">Links</div><br>Diverse links, Søgemaskiner , GameSites , Venner</div>\' messages[5] = \'<div class=\"clCaption\">Kontakt</div><br>Her kan du kontakte mig, hvis du vil spørge om noget</div>\' //To have more descriptions just add to the array.
fromX = 50 //How much from the actual mouse X should the description box appear? fromY = -20 //How much from the actual mouse Y should the description box appear?
//To set the font size, font type, border color or remove the border or whatever, //change the clDescription class in the stylesheet.
//Makes crossbrowser object. function makeObj(obj){ this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0; if(!this.evnt) return false this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0; this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0; this.writeIt=b_writeIt; return this }
// A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?\"\":\"px\";
function b_writeIt(text){ if (bw.ns4){this.wref.write(text);this.wref.close()} else this.wref.innerHTML = text }
//Capturing mousemove var descx = 0 var descy = 0 function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}
var oDesc; //Shows the messages function popup(num){ if(oDesc){ oDesc.writeIt(\'<div class=\"clDescription\">\'+messages[num]+\'</div>\') if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop oDesc.css.left = (descx+fromX)+px oDesc.css.top = (descy+fromY)+px oDesc.css.visibility = \"visible\" } } //Hides it function popout(){ if(oDesc) oDesc.css.visibility = \"hidden\" } function setPopup(){ if(bw.ns4)document.captureEvents(Event.MOUSEMOVE) document.onmousemove = popmousemove; oDesc = new makeObj(\'divDescription\') } </script>
Callesen, hvis jeg ændre baggrund i den nederste tabel, så vil den ikke komme frem, men hvis jeg får den frem, så fungere mit \"Rollover Menu Script\" ikke..... Det er 2talt lamt....kan du fortælle mig hvad der sker?
<html> <head> <!-- Minus AutoDato --> <title> --> Micro 2001 <-- </title> <style type=\"text/css\"> .clDescriptionCont {position:absolute; width:200px; visibility:hidden; layer-background-color:#CCCCCC; z-index:200;} .clDescription {width:150px; left:0px; top:0px; font-family:verdana,arial,helvetica,sans-serif; overflow:hidden; border: 1px solid #000000; padding:3px; font-size:11px; background-color:#4F7690; layer-background-color:#cccccc;} .clLinks {position:absolute; left:100px; top:200px; z-index:1;} .clCaption {position:absolute; left:0px; top:0px; width:157px; height:15px; clip:rect(0px 157px 15px 0px); font-size:11px; font-family:verdana,arial,helvetica,sans-serif; background-color:#37576D; layer-background-color:#999999;} a {text-decoration: none;} </style> <script language=\"JavaScript\" type=\"text/javascript\"> /********************************************************************************** PopupDescriptions * Copyright (C) 2001 <a href=\"/dhtmlcentral/thomas_brattli.asp\">Thomas Brattli</a> * This script was released at DHTMLCentral.com * Visit for more great scripts! * This may be used and changed freely as long as this msg is intact! * We will also appreciate any links you could give us. * * Made by <a href=\"/dhtmlcentral/thomas_brattli.asp\">Thomas Brattli</a> *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=(navigator.userAgent.indexOf(\"Opera\")>-1 && document.getElementById)?1:0 this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf(\"MSIE 6\")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf(\"Mac\")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck()
/*************************************************************************************** Variables to set: ***************************************************************************************/ messages=new Array() //Write your descriptions in here. messages[0] = \'<div class=\"clCaption\">Nyheder</div><br>Diverse nyheder om sitet.</div>\' messages[1] = \'<div class=\"clCaption\">Om mig</div><br>En lille beskrivelse af mig</div>\' messages[2] = \'<div class=\"clCaption\">Counter-Strike</div><br>Alt muligt om det geniale spil Counter-Strike</div>\' messages[3] = \'<div class=\"clCaption\">Tagwall</div><br>Her kan du smide et tag ind, som alle kan læse</div>\' messages[4] = \'<div class=\"clCaption\">Links</div><br>Diverse links, Søgemaskiner , GameSites , Venner</div>\' messages[5] = \'<div class=\"clCaption\">Kontakt</div><br>Her kan du kontakte mig, hvis du vil spørge om noget</div>\' //To have more descriptions just add to the array.
fromX = 50 //How much from the actual mouse X should the description box appear? fromY = -20 //How much from the actual mouse Y should the description box appear?
//To set the font size, font type, border color or remove the border or whatever, //change the clDescription class in the stylesheet.
//Makes crossbrowser object. function makeObj(obj){ this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0; if(!this.evnt) return false this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0; this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0; this.writeIt=b_writeIt; return this }
// A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?\"\":\"px\";
function b_writeIt(text){ if (bw.ns4){this.wref.write(text);this.wref.close()} else this.wref.innerHTML = text }
//Capturing mousemove var descx = 0 var descy = 0 function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}
var oDesc; //Shows the messages function popup(num){ if(oDesc){ oDesc.writeIt(\'<div class=\"clDescription\">\'+messages[num]+\'</div>\') if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop oDesc.css.left = (descx+fromX)+px oDesc.css.top = (descy+fromY)+px oDesc.css.visibility = \"visible\" } } //Hides it function popout(){ if(oDesc) oDesc.css.visibility = \"hidden\" } function setPopup(){ if(bw.ns4)document.captureEvents(Event.MOUSEMOVE) document.onmousemove = popmousemove; oDesc = new makeObj(\'divDescription\') } </script>
<p style=\"word-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 2\" align=\"right\">-04/10-2001-<p style=\"word-spacing: 0; margin: 0\" align=\"left\"> Jeg gik i gang med at lave selve siden, designet var færdigt.<p style=\"word-spacing: 0; margin: 0\" align=\"left\"> <p style=\"word-spacing: 0; margin: 0\" align=\"left\"> Jeg fik uploadet siden, men der er dog ikke kommet noget på endnu.<p style=\"word-spacing: 0; margin: 0\" align=\"left\"> <p style=\"word-spacing: 0; margin: 0\" align=\"left\"> Jeg regner med at siden er klar til brug om nogle dage.<p style=\"word-spacing: 0; margin: 0\" align=\"left\"> <p style=\"word-spacing: 0; margin: 0\" align=\"right\">-01/10-2001-<p style=\"word-spacing: 0; margin: 0\" align=\"left\"> Jeg fandt på det design, som nu er her :)) Det ses bare på for mange sites..<p style=\"word-spacing: 0; margin: 0\" align=\"left\"> <p style=\"word-spacing: 0; margin: 0\" align=\"left\"><img border=\"0\" src=\"images/textbund.jpg\" width=\"458\" height=\"4\"> </DIV> </BODY> </HTML>
Callesen, sådan der fungere det fint nok, udover aat du har skrevet nyhederne under selve siden og sådan Meeen, hvis jeg ændre baggrunden i den nederst tabel, så vil \"Rollover\" ikke fungere.... Og jeg kan ikke få en baggrund \"Grafik stykke\" ind i den tabel, og få det til at virke.... 2talt mystisk!
Hvis du tager ALT det du skrev før: Altså selve HTML\'en Så vil det ikke se rigtigt ud pga. at det er lidt forkert sat ind, men det har jeg selv rettet. Det jeg mener med baggrunden er: Jeg sætter den ind i Index.html og i den TABEL hvor jeg vil have alle min underlink\'s nede... Men hvis jeg gør det, så vil det ikke fungere, det der med Rollover, alt for provokerende, jeg tænker om det er Frontpage 2000 der fucker det op, og om jeg skal prøve at bruge Notepad eller noget andet til at se om det så fungere...
Meeen, det fungere stadig ikke, jeg ved ikke hvad der sker, hvis jeg ændrer eller smider noget GFX ind i den store tabel, så vil mit \"Roolover\" ikke virke...og jeg ved ikke hvad....
Callesen << Kan jeg ikke lige få din email igen? Jeg skal lige have dig til et rette en lille ting ... men det skriver jeg i en mail, for så kan jeg lige sende filerne med ...
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.