Avatar billede lsskaarup Nybegynder
21. november 2004 - 10:50 Der er 6 kommentarer og
1 løsning

Script udvider celle i højden

Jeg har for lang tiden siden fundet et script, som jeg måtte bruge hvis jeg henviste til sitet, hvor det lå.

Det script har jeg lidt problemer med nu, fordi den udvider den celle det ligger i, i højden, selvom cellen har en fast højde, hvorfor det?

Script:
<td height="24">
        <script language="JavaScript1.2">
                                    <!--                   
                                    /* www.dkscripts.tk */
                                    //Secify scroller contents
                                    var line=new Array()
                                    line[1]="Velkommen til Randers Sports hjemmeside"
                                    line[2]="For at læse mere, klik da på de forskellige link i menuen til venstre"
                                    line[3]="Skal du have nyt udstyr, tjek det ud under produkter"                                               
                                   
                                    //Specify font size for scoller
                                    var ts_fontsize="11px"
                                           
                                    //--Don't edit below this line
                                    var longestmessage=1
                                    for (i=2;i<line.length;i++){
                                        if (line[i].length>line[longestmessage].length)
                                            longestmessage=i
                                    }
                                           
                                    //Auto set scroller width
                                    var tscroller_width=line[longestmessage].length
                                    lines=line.length-1 //--Number of lines
                                           
                                    //if IE 4+ or NS6
                                    if (document.all||document.getElementById){
                                        document.write('<form name="bannerform">')
                                        document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
                                        document.write(' class="teletype">')
                                        document.write('</form>')
                                    }
                                           
                                    temp=""
                                    nextchar=-1;
                                    nextline=1;
                                    cursor="\\"
                                    function animate(){
                                        if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
                                            nextline++;
                                            nextchar=-1;
                                            document.bannerform.banner.value=temp;
                                            temp="";
                                            setTimeout("nextstep()",2000)
                                        } else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
                                            nextline=1;
                                            nextchar=-1;
                                            document.bannerform.banner.value=temp;
                                            temp="";
                                            setTimeout("nextstep()",2000)
                                        } else {
                                            nextstep()
                                        }
                                    }
                                           
                                    function nextstep(){
                                        if (cursor=="\\"){
                                            cursor="|"
                                        } else if (cursor=="|"){
                                            cursor="/"
                                        } else if (cursor=="/"){
                                            cursor="-"
                                        } else if (cursor=="-"){
                                            cursor="\\"
                                        }
                                           
                                        nextchar++;
                                        temp+=line[nextline].charAt(nextchar);
                                        document.bannerform.banner.value=temp+cursor
                                        setTimeout("animate()",25)
                                    }
                                           
                                    //if IE 4+ or NS6
                                    if (document.all||document.getElementById)
                                        window.onload=animate
                                    // -->
                                    </script>
</td>

stylesheet:
.teletype {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #0C1C8C;
    text-decoration: none;
    background-color: #DDDDDD;
    border: medium none;
}
Avatar billede elskermad.dk Nybegynder
21. november 2004 - 12:30 #1
jeg er ikke sikker, men prøv at ændre stylesheet til:

.teletype {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #0C1C8C;
    text-decoration: none;
    background-color: #DDDDDD;
    border: medium none;
    overflow: hidden;
}
Avatar billede lsskaarup Nybegynder
21. november 2004 - 12:37 #2
Hjælper ikke
Avatar billede skovenborg Nybegynder
21. november 2004 - 12:55 #3
det er pga. dit form-element, som udvider din celle, fordi det er et block-element, og har normalt en vis potion margin og padding. Så hvis du laver det om det et inline-element, burde det kunne gøre tricket:
document.write('<form name="bannerform" style="display:inline;">')
Avatar billede lsskaarup Nybegynder
21. november 2004 - 13:51 #4
Yes det hjalp
Avatar billede skovenborg Nybegynder
21. november 2004 - 13:59 #5
sollen ich ein Svar gesmiden ?-)
Avatar billede lsskaarup Nybegynder
21. november 2004 - 16:46 #6
Jaa, bitte
Avatar billede skovenborg Nybegynder
21. november 2004 - 17:09 #7
und danke für die Points :-)
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