Avatar billede franco Nybegynder
15. februar 2007 - 09:42 Der er 6 kommentarer og
1 løsning

JavaScript i typografiark

Hej!
Et JavaScript som skal indsættes i <head> + <body> sektionen + en onload i selve <body> tag -

-  kan jeg lave dette i CSS/typografiark - og i givet fald hvordan?

Eksempelvis et JavaScript ala http://www.dynamicdrive.com/dynamicindex13/trailortext.htm
Avatar billede jokkejensen Novice
15. februar 2007 - 09:47 #1
Nej det kan ikke være i dit CSS..

Det er muligt i IE, at lave lidt JS i CSS arket, men mest til at lave CSS hacks..

Det virker nu også totalt uhensigstmæssigt at ligge JS i sit CSS ark.

http://ipvision.webdanmark.[com]/JavaScript/webdanmark-composite.js <- lav en JS fil, og sæt en onload event der fra.. Fjern lige selv [ ] omkring com.
(Det er ikke lige det smukkeste js, men du kan sikkert fange ideen)

Se hvordan det inkluderes ved at vise kilden herfra : http://ipvision.webdanmark.[com]
Avatar billede franco Nybegynder
15. februar 2007 - 10:07 #2
Takker - kan godt se hvordan JS filen er inkluderet - men jeg er altså for grøn til at kan omskrive eksemplet http://www.dynamicdrive.com/dynamicindex13/trailortext.htm til en JS fil???
Avatar billede jokkejensen Novice
15. februar 2007 - 10:13 #3
følgende ligges i din CSS fil:

.spanstyle {
    position:absolute;
    visibility:visible;
    top:-50px;
    font-size:10pt;
    font-family:Verdana;
      font-weight:bold;
    color:black;
}




Følgende ligges i en JS fil.. du opretter bare en tom fil og kalder den etellerandet.js

/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's archive.
For full source code, installation instructions, and 1000's more DHTML scripts,
visit http://dynamicdrive.com
*/

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="DYNAMIC DRIVE! "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
    xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
    ypos[i]=-50
}

function handlerMM(e){
    x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
    y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
    flag=1
}

function makesnake() {
    if (flag==1 && document.all) {
        for (i=message.length-1; i>=1; i--) {
              xpos[i]=xpos[i-1]+step
            ypos[i]=ypos[i-1]
        }
        xpos[0]=x+step
        ypos[0]=y
   
        for (i=0; i<message.length-1; i++) {
            var thisspan = eval("span"+(i)+".style")
            thisspan.posLeft=xpos[i]
            thisspan.posTop=ypos[i]
        }
    }
   
    else if (flag==1 && document.layers) {
        for (i=message.length-1; i>=1; i--) {
              xpos[i]=xpos[i-1]+step
            ypos[i]=ypos[i-1]
        }
        xpos[0]=x+step
        ypos[0]=y
   
        for (i=0; i<message.length-1; i++) {
            var thisspan = eval("document.span"+i)
            thisspan.left=xpos[i]
            thisspan.top=ypos[i]
        }
    }
        var timer=setTimeout("makesnake()",30)
}


Du skal IKKE have <script> i Js filerne og du skal ikke have <style> i CSS filerne.

/JJ
Avatar billede franco Nybegynder
15. februar 2007 - 10:53 #4
Tak igen - men jeg kan desværre ikke får det til at funge...

http://home1.stofanet.dk/aca/test_mus.htm
(måske er det her fejlen er i <script src="/test.js" type="text/javascript" charset="ISO-8859-1"></script>

http://home1.stofanet.dk/aca/test.js

http://home1.stofanet.dk/aca/css.css

PS! Er først tilbage over middag / eftermiddag.
Avatar billede franco Nybegynder
15. februar 2007 - 14:23 #5
Så er jeg tilbage på pinden - nogle løsningsforslag? ;o)
Avatar billede franco Nybegynder
20. februar 2007 - 13:33 #6
Er du ikke med mere JJ????
Avatar billede franco Nybegynder
19. marts 2007 - 13:56 #7
Lukker spørgsmålet - tak for hjælpen, men desværre løste det ikke problemet.
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