• In diretta da GamesVillage.it
    • News
    • -
    • In Evidenza
    • -
    • Recensioni
    • -
    • RetroGaming
    • -
    • Anteprime
    • -
    • Video
    • -
    • Cinema

Visualizzazione risultati da 1 a 3 di 3

Discussione: javascript

Cambio titolo
  1. #1
    Mietitore d'Anime L'avatar di respen
    Registrato il
    10-02
    Messaggi
    676

    javascript

    come al solito mi rivolgo a voi.

    all'interno di una pagina con testo ho inserito il seguente codice:

    <HTML>

    <HEAD>
    <TITLE>HTML.it - il sito italiano sul Web publishing | Un JavaScript a settimana | HTML.it</TITLE>

    <style>
    A:link, A:visited { text-decoration: none }
    A:hover { text-decoration: underline }
    </style>
    <style type="text/css">
    #item {position:absolute; visibility:hidden; left:0px}
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var isNS=(document.layers);
    var _all=(isNS)? '' : 'all.' ;
    var _style=(isNS)? '' : '.style' ;
    var _visible=(isNS)? 'show' : 'visible';
    var w_x, w_y, item, okscroll=false, godown;
    function init(){
    item=eval('document.'+_all+'item'+_style);
    getwindowsize();
    item.visibility=_visible;
    scrollpage();
    }
    function getwindowsize() {
    w_x=(isNS)? window.innerWidth-5 : document.body.clientWidth;
    w_y=(isNS)? window.innerHeight : document.body.clientHeight;
    (isNS)? item.clip.width=42: item.width=42;
    (isNS)? item.clip.height=20 : item.height=20;
    moveitem();
    }
    function resizeNS() {
    setTimeout('document.location.reload()',400);
    }
    function moveitem() {
    if (isNS) {
    item.moveTo((pageXOffset+w_x-70),(w_y+pageYOffset-50))
    }else{
    item.pixelLeft=document.body.scrollLeft+w_x-90;
    item.pixelTop=w_y+document.body.scrollTop-90;
    }
    }
    window.onload=init;
    (isNS) ? window.onresize=resizeNS : window.onresize=getwindowsize ;
    function scrollpage() {
    status = '';
    if (okscroll) {
    if (godown) {
    (isNS)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
    } else {
    (isNS)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
    }
    }
    moveitem();
    setTimeout('scrollpage()', 10);
    }
    // -->
    </script>


    </HEAD>


    seguito dal testo della mia pagina, e infine

    <div id="item">
    <a href="javascript:void(0)" onMouseover="okscroll=true; godown=true"
    onMouseout="okscroll=false"><img src="down.gif" border="0"></a><a href="javascript:void(0)"
    onMouseover="okscroll=true; godown=false" onMouseout="okscroll=false"><img src="up.gif"
    border="0"></a>
    </div>


    ora qui potete vederne un esempio pratico. Volevo sapere come posso fare in modo che le due freccette compaiano nell'angolo in alto a destra della mia pagina. importante chiarire che la finestra in cui andr questo script piccola, un frame alto 1/4 di pagina e largo 1/3 di pagina circa: le dimensioni le ho stabilte in percentuale in modo che anche a diverse risoluzioni i rapporti dimensionali non cambino. fondamentale dunque che la posizione delle freccette sia data in percentuale, in modo che le stesse restino nell'angolo in alto a destra a prescindere dalla risoluzione dell'utente.

    Grazie dell'aiuto.

    Respen
    Mentalista supremo

  2. #2
    Mietitore d'Anime L'avatar di respen
    Registrato il
    10-02
    Messaggi
    676
    vi prego!
    Mentalista supremo

  3. #3
    Mietitore d'Anime L'avatar di respen
    Registrato il
    10-02
    Messaggi
    676
    non posso credere che nessuno ne sappia nulla...
    Mentalista supremo

Regole di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •