Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente bannato
    Registrato dal
    Oct 2002
    Messaggi
    122

    Conflitto con doppio Javascript

    Un cordiale saluto a tutti,

    voglio inserire lo stesso JavaScript due volte nella stessa pagina html. Conoscendo la regola che dice
    script1:<body onload="dothis()">
    script2:<body onload="dothat()">

    soluzione:
    <body onload="dothis();dothat()">

    Nel mio caso però questo non risolve il problema. Che modifiche devo fare perchè funzionino ambedue i script?

    Grazie!
    Qui sotto vi scrivo il codice intero dello script.
    ------------------------------------------------------------

    <head>

    <SCRIPT LANGUAGE="JavaScript">

    <!-- Begin
    // change this to where you store the blank.gif image
    var blank = "http://www.mysite.com/blank.gif";

    topedge = 130; // location of news box from top of page
    leftedge = 10; // location of news box from left edge
    boxheight = 150; // height of news box
    boxwidth = 210; // width of news box
    scrollheight = 240; // total height of all data to be scrolled

    function scrollnews(cliptop) {
    if (document.layers) {
    newsDiv = document.news;
    newsDiv.clip.top = cliptop;
    newsDiv.clip.bottom = cliptop + boxheight;
    newsDiv.clip.left = 0;
    newsDiv.clip.right = boxwidth + leftedge;
    newsDiv.left = leftedge;
    newsDiv.top = topedge - cliptop;
    }
    else {
    newsDiv = news.style;
    newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth + leftedge) + "px " + (cliptop + boxheight) + "px 0px)";
    newsDiv.pixelLeft = leftedge;
    newsDiv.pixelTop = topedge - cliptop;
    }
    cliptop = (cliptop + 1) % (scrollheight + boxheight);
    newsDiv.visibility='visible';
    setTimeout("scrollnews(" + cliptop + ")", 150);
    }
    // End -->
    </script>



    </head>

    <body OnLoad="scrollnews(0)">


    <div ID="news" style="position:absolute; visibility:hidden;
    top:1; left:1; height:600;
    clip:rect(10,100,100,10); border-width:0px;">
    <table border=0 cellpadding=1 cellspacing=0 bgcolor="white">
    <tr>
    <td>
    <script language="javascript">
    document.write('[img] + blank + [/img]');
    </script>
    </td>
    </tr>
    <tr>
    <td>

    Testo 1

    Testo 2

    Testo 3

    Testo 4

    Testo 5

    Testo 6



    xxxxxx@hotmail.com
    </td>
    </tr>
    <tr>
    <td>
    <script language="javascript">
    document.write('[img] + blank + [/img]');
    </script>
    </td>
    </tr>
    </table>
    </div>

  2. #2
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    Ciao O'NEIL,

    quello script si riferisce al div chiamato news.

    Se vuoi un altro div da scrollare devi fare un po' di modifiche per rendere più parametrizzabile la funzione...
    tipo così
    codice:
    <head>
    
    <SCRIPT LANGUAGE="JavaScript">
    
    <!-- Begin
    // change this to where you store the blank.gif image
    var blank = "http://www.mysite.com/blank.gif";
    topedge = new Array();
    leftedge = new Array();
    boxheight = new Array();
    boxwidth = new Array();
    scrollheight = new Array();
    
    topedge['news'] = 130;  // location of news box from top of page
    leftedge['news'] = 10;  // location of news box from left edge
    boxheight['news'] = 150;  // height of news box
    boxwidth['news'] = 210;  // width of news box
    scrollheight['news'] = 240; // total height of all data to be scrolled
    
    topedge['news1'] = 130;  // location of news box from top of page
    leftedge['news1'] = 200;  // location of news box from left edge
    boxheight['news1'] = 150;  // height of news box
    boxwidth['news1'] = 210;  // width of news box
    scrollheight['news1'] = 240; // total height of all data to be scrolled
    
    function scrollnews(cliptop,div) {
    if (document.layers) {
    newsDiv = eval('document.'+div);
    newsDiv.clip.top = cliptop;
    newsDiv.clip.bottom = cliptop + boxheight[div];
    newsDiv.clip.left = 0;
    newsDiv.clip.right = boxwidth[div] + leftedge[div];
    newsDiv.left = leftedge[div];
    newsDiv.top = topedge[div] - cliptop;
    }
    else {
    newsDiv = eval(div+'.style');
    newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth[div] + leftedge[div]) + "px " + (cliptop + boxheight[div]) + "px 0px)";
    newsDiv.pixelLeft = leftedge[div];
    newsDiv.pixelTop = topedge[div] - cliptop;
    }
    cliptop = (cliptop + 1) % (scrollheight[div] + boxheight[div]);
    newsDiv.visibility='visible';
    setTimeout("scrollnews(" + cliptop + ",\'"+div+"\')", 150);
    }
    //  End -->
    </script>
    
    
    
    </head>
    
    <body OnLoad="scrollnews(0,'news');scrollnews(0,'news1');">
    
    
    <div ID="news" style="position:absolute; visibility:hidden;top:1; left:1; height:600;clip:rect(10,100,100,10); border-width:0px;">
    <table border=0 cellpadding=1 cellspacing=0 bgcolor="white">
    <tr>
    <td>
    <script language="javascript">
    document.write('[img] + blank + [/img]');
    </script>
    </td>
    </tr>
    <tr>
    <td>
    
    Testo 1
    
    Testo 2
    
    Testo 3
    
    Testo 4
    
    Testo 5
    
    Testo 6
    
    
    
    xxxxxx@hotmail.com
    </td>
    </tr>
    <tr>
    <td>
    <script language="javascript">
    document.write('[img] + blank + [/img]');
    </script>
    </td>
    </tr>
    </table>
    </div> 
    <div ID="news1" style="position:absolute; visibility:hidden;top:1; left:200; height:600;clip:rect(10,100,100,10); border-width:0px;">
    <table border=0 cellpadding=1 cellspacing=0 bgcolor="white">
    <tr>
    <td>
    questo testo si trova nel div news1
    
    questo testo si trova nel div news1
    
    questo testo si trova nel div news1
    
    questo testo si trova nel div news1
    
    questo testo si trova nel div news1
    
    questo testo si trova nel div news1
    
    questo testo si trova nel div news1
    
    questo testo si trova nel div news1
    
    </td>
    </tr>
    </table>
    </div> 
    
    </BODY>
    </HTML>
    si capisce come creare altri div scrollabili?

  3. #3
    Utente bannato
    Registrato dal
    Oct 2002
    Messaggi
    122
    Ciao Wiilybit,

    ho cercato di creare altre div scrollabili, ma qualcosa non funziona.
    Potresti scrivere il codice intero di due div scrollabili per favore, cosi io esamino il codice per comprendere meglio le modifiche effettuate sul codice iniziale?

    Grazie per la tua disponibilità!

  4. #4
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    Originariamente inviato da O'NEIL
    Ciao Wiilybit,

    ho cercato di creare altre div scrollabili, ma qualcosa non funziona.
    Potresti scrivere il codice intero di due div scrollabili per favore, cosi io esamino il codice per comprendere meglio le modifiche effettuate sul codice iniziale?

    Grazie per la tua disponibilità!
    :quote: O'NEIL, l'ultimo codice che ho postato è di due div scrollabili

  5. #5
    Utente bannato
    Registrato dal
    Oct 2002
    Messaggi
    122
    Si, ma qualcosa non funziona. Mi da errore e non funziona e non capisco dov'è l'errore. Comunque cercherò ancora di individuare l'errore e corregerlo.

    Grazie ancora per il tuo tempo.

  6. #6
    Utente di HTML.it L'avatar di willybit
    Registrato dal
    May 2001
    Messaggi
    4,367
    io l'ho provato prima di postare... come hai copiato il codice? Direttamente dalla visualizzazione del forum? Pekké il forum "sputtana" un po' quello che si scrive...
    fa il quote del messaggio e copia il codice nella textarea

  7. #7
    Utente bannato
    Registrato dal
    Oct 2002
    Messaggi
    122
    Bravo!!!! Avevi ragione! Ho fatto il quote del messaggio ed'è uscito fuori il codice esatto che avevi scritto dall'inizio.

    Grazie ancora

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.