Avatar billede mcergud Nybegynder
04. april 2001 - 14:19 Der er 11 kommentarer og
1 løsning

<DIV> Hvorfor og Hvordan?

Jeg har lige set en side der er sat og med JavaScript og Css. Der bruger en <DIV> til at få en rigtig fedt menu til at virke med. Er der nogler der kan for klare hvordan <DIV> virker og evt. noget JavaScript også.
Avatar billede netsrac Praktikant
04. april 2001 - 14:26 #1
<DIV> bruges ligesom p til logisk indeling, et eks kunne være:

<HTML>
<HEAD>
<SCRIPT>
function change(tekst)
{
document.felt.innnerHTML = tekst;
}
</SCRIPT>
</HEAD>
<BODY>
<DIV ID=\"felt\">sda asd asd asd asd </DIV>

<A HREF=\"java script: change(\'ny tekst\');\">ny tekst</A>
</BODY>
</HTML>
Avatar billede mcergud Nybegynder
04. april 2001 - 14:28 #2
<P>!!!!!!!!!!!!!!!!!!
Avatar billede ®azzer® Nybegynder
04. april 2001 - 14:28 #3
Avatar billede netsrac Praktikant
04. april 2001 - 14:28 #4
????
Avatar billede ®azzer® Nybegynder
04. april 2001 - 14:30 #5
Avatar billede redbastard Nybegynder
04. april 2001 - 14:34 #6
<html>
<head>
<title>Script Editor</title>
<script language=\"JavaScript\">

function selectionChanged(){
  /* get the selected node */
  var theDOM = dw.getDocumentDOM();
  var theNode = theDOM.getSelectedNode();
 
  /* check to see if the node is a script marker */
  if (theNode.nodeType == Node.ELEMENT_NODE && theNode.¬
  tagName == \"SCRIPT\"){
    document.layers[\'scriptlayer\'].visibility = \'visible\';
    document.layers[\'scriptlayer\'].document.theForm.scriptCode.¬
    value = theNode.innerHTML;
    document.layers[\'blanklayer\'].visibility = \'hidden\';
  }else{
    document.layers[\'scriptlayer\'].visibility = \'hidden\';
    document.layers[\'blanklayer\'].visibility = \'visible\';
  }
}

/* update the document with any changes made by
  the user in the textarea */
function updateScript(){
  var theDOM = dw.getDocumentDOM();
  var theNode = dw.getSelectedNode();
  theNode.innerHTML = document.layers[\'scriptlayer\'].¬
  document.theForm.scriptCode.value;
}

</script>
</head>

<body>
<div id=\"blanklayer\" style=\"position:absolute; width:422px; ¬
height:181px; z-index:1; left: 8px; top: 11px; ¬
visibility: hidden\">
<center>
<br>
<br>
<br>
<br>
<br>
(no script selected)
</center>
</div>

<div id=\"scriptlayer\" style=\"position:absolute; width:422px; ¬
height:181px; z-index:1; left: 8px; top: 11px; ¬
visibility: visible\">
<form name=\"theForm\">
<textarea name=\"scriptCode\" cols=\"80\" rows=\"20\" wrap=\"VIRTUAL\" ¬
onBlur=\"updateScript()\"></textarea>
</form>
</div>

</body>
</html>
Avatar billede ®azzer® Nybegynder
04. april 2001 - 14:38 #7
Nederste del af den side beskrivr bla. lidt div sammen med CSS og javascript :

http://www.w3.org/TR/html401/struct/global.html#h-7.5.4
Avatar billede geeeet Nybegynder
04. april 2001 - 14:45 #8
Ja, et div er et lag som man kan lægge oven på resten af sit website... tænk evt. altid på dit div som en postit-note du bare smækker på din skærm !

/Geeeet
Avatar billede mcergud Nybegynder
04. april 2001 - 14:52 #9
Bliver nød til at smutte nu, men forsæt endelig diskussionen.
PS. Det hele har været til en stor hjælp.
PSS. Kommen igen i morgen så end lig med gode råd
Avatar billede vandhunden Nybegynder
04. april 2001 - 15:39 #10
Nu er det fede ved DIV (layers) imidlertid at man kan placere dem frit. Programmet Dreamweaver er meget godt til dette formål. Det er også nemt at vise og gemme layers ved tryk på knapper, og de fungerer jo som lag, bag hvilke der kan ligge noget som kommer frem når de bliver skjult.

Hvis du vil lære alt om layers og gemme og vise dem, så skal du kigge her:

www.dansteinman.com/dynduo

Det er lidt svært stof, men virkelig en kick-ass tutorial hvis man er lærenem...
Avatar billede olebole Juniormester
07. april 2001 - 00:59 #11
<ole>

<div>, <span>, <p> og <layer> (glem det sidste, da det er ren NS-kode...de andre er X-browser - omend <p> sjældent ses brugt i denne forbindelse) er det man kalder containers - man kan \'opbevare\' billeder og tekst i dem.
Der er to anvendelser: Statisk HTML og dynamisk HTML (DHTML), hvor det sidste er det interessante...og det, du spørger om.
Her kan du - ved \'styles\' - tildele din container og dens indhold nogle egenskaber, såsom: Position på siden, højde og bredde, baggrundsfarve, marginer, tekst-formatering, synlighed, m.m. Desuden kan du - da der er tale om \'lag\', der ligger ovenpå den alm. side - også bestemme den enkelte containers lag-nummer (\'højde\' over siden) med \'z-index\'.
z-index:4 betyder at denne container ligger et lag tættere på brugerens øjne end containeren med z-index:3 - og altså dækker den, hvis deres position på siden ellers er ens. \'Dækker\' betyder ikke nødvendigvis, at man så ikke kan se den underliggende containers indhold...kun hvis man har givet den øverste en baggrundsfarve eller et stort billede. Selve laget (containeren) er i udgangspunktet gennemsigtigt.
Disse styles kan manipuleres med JavaScript. Selvom en container er \'født\' med nogle egenskaber, da siden blev indlæst, kan disse ændres efter ønske (hmmmmm....stort set!). Man kan altså trykke på et link, der skifter en containers synlighed fra \'hidden\' til \'visible\' og derved \'tænde\' noget tekst eller et billede på siden.
Du kan også flytte et lag - og med lidt øvelse og cellegymnastik er det f.eks muligt at lave draggable lag.
Til alle disse øvelser skal containeren have tildelt en \'id\', så vi kan kalde på den rigtige container og manipulere den...og kun den. Desuden skal containeren positioneres absolut ved: \'position:absolute\'. Det er ikke nødvendigt i IE, men det er det i NS. Så kom ånden ud af flasken :)
IE4.x og NS4.x har nemlig hver sin måde at kalde på. Desuden fik vi med IE5 og NS6 en hel ny måde, men denne gang rimelig fælles. Desværre har MS valgt at lade IE5 kunne forstå både den gamle og den nye måde, så vi får lov at trækkes med IE\'s gamle Document Object Model (DOM) i urimelig lang tid.
Anyway, betyder det, at det er lidt bøvlet - men absolut muligt - at skrive DHTML, der er forståeligt i begge hoved-browsere og på begge platforme. Nå ja...glemte jeg at sige at begge browsere også har forskelle i DOM\'en mellem platformene Mac og PC :D
Her kan vandhundens link ovenfor være til stor nytte...også selvom den ikke er opdateret for NS6. Det vil dog ske snart, da en gruppe har overtaget den fra Dan Steinman og har lovet at føre den videre. Check den ud....den er et \'MUST\' ;)

/mvh
</bole>
Avatar billede olebole Juniormester
07. april 2001 - 01:10 #12
Du kunne prøve at se, hvor fede ting, der kan laves på:
  http://www.assembler.org
Der er også en nordmand, der har lavet nogle okay ting:
  http://www.bratta.com
Eller du kan prøve at checke et par kommercielle branding-sites, som:
  http://www.nikefootball.com
og:
  http://www.nike-women.com
...hvor DHTML er kombineret med Flash til et par fede cutting-edge løsninger.
God jagt ;)
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester