PCTRIO - il portale del software gratuito
Visualizzazione dei risultati da 1 a 1 su 1
  1. #1
    L'avatar di djremix
    djremix non  è collegato Esperto
    Registrato dal
    Jul 2008
    residenza
    Lecce
    Messaggi
    5,469

    Arrow [Javascript] Cambio sfondo

    Salve a tutti ...
    Con questo topic, illustrerò uno script che permette di far cambiare lo sfondo di una pagina attraverso un "click" su un immagine/link, o semplicemente al passaggio del mouse su un'immagine/link ..
    I più "bravini" col javascript avranno capito che lo script per far cambiare lo sfondo, può funzionare con 2 eventi:

    - OnClick
    - OnMouseOver

    Visto che lo script è piccolo, non si necessità si metterlo in un file esterno (.js) e di richiamarlo mnella pagina HTML .. Lo metteremo direttamente nei tag <head></head>
    Quindi, nei tag <head></head> mettiamo.

    <script language="JavaScript">
    <!--

    var backColor = new Array();

    backColor[0] = '#FF0000';
    backColor[1] = '#00FF00';
    backColor[2] = '#0000FF';


    function changeBG(whichColor){
    document.bgColor = backColor[whichColor];
    }

    //-->
    </script>
    Nella parte in grassetto, ci sono tutti i colori (ovviamente, c'è il codice esadecimale) che si desidera dare a dispoisizione all'utente per cambiare lo sfondo. Se se ne vuole aggiungere qualcuno, basta aggiungere:

    backColor[3] = '#FFFF00';
    backColor[4] = '#0000FF';
    e così via ..... per i codici esadecimali, trovate una tavolozza [Occorre essere registrati per visualizzare il link. ].

    Poi, per sfruttare lo script con l'evento OnClick (nel tag <body></body>) si farà:

    <a href="javascript:changeBG(0)">Colore1</a><br>
    Come vedete, è un semplice link HTML .. Nella parentesi va messo il numero relativo al colore che volete, impostato nello script (messo nel tag head).

    quindi:

    backColor[0] = '#FF0000'; <- in questo caso, è il colore ROSSO
    <a href="javascript:changeBG(0)">Colore1</a><br>
    Per sfruttare l'evento OnMouseOver (al passaggio del mouse) ..

    <a href="#" onMouseOver="javascript:changeBG(0)">Cambia colore</a><br>
    Spero possa esservi utile .. Vi allego lo script in formato zip !!
    File allegati File allegati

  2. # ADS
    PUBBLICITA Link Sponsorizzati
    Registrato dal
    Sempre
    residenza
    Mondo Pubblicitario
    Messaggi
    Molti
     

LinkBacks (?)


Discussioni simili

  1. [Javascript] Stampa pagina
    Da djremix nel forum Script
    Risposte: 0
    Ultimo messaggio: 2nd February 2009, 22:04
  2. [RISOLTO]problema javascript
    Da darwin nel forum Aspetti generali
    Risposte: 16
    Ultimo messaggio: 23rd May 2008, 18:01
  3. Menù dinamico javascript php con Safari.
    Da kratos nel forum Tematiche specifiche
    Risposte: 1
    Ultimo messaggio: 28th February 2008, 21:11
  4. sfondo vb6
    Da homer nel forum Aspetti generali
    Risposte: 4
    Ultimo messaggio: 24th January 2008, 08:00
  5. Cambio scheda video...cambio anche alimentatore?
    Da scleone1987 nel forum Schede Video
    Risposte: 2
    Ultimo messaggio: 3rd December 2007, 10:33

Visitatori hanno trovato questa pagina cercando

cambiare sfondo javascript

javascript cambia sfondo

passaggio su menù cambio background

script cambia sfondo

java cambiare sfondo

cambiare lo sfondo della pagina javascript

javascript onmouseover cambio colore

come modificare sfondo javascript

come cambiare sfondo in javascript

cambiare immagine sfondo pagina html con java

javascript cambio sfondo

script cambia sfondo al passaggio del

come cambiare sfondo javascript

java cambiare sfondo pc

cambiare colore con javascript

immagine sfondo cambia javascript

javascript cambio sfondo passaggio mouse

cambiare sfondo con onmouseover

background che cambia javascript

script cambiare sfondo passaggio del mouse

javascript cambia colore immagine

codice javascript per cambiare sfondo

home script x cambiosfondo

javascript cambiare colore di sfondo della pagina

script cambiare sfondo

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Home  |   Software  |   Drivers  |   Guide  |   Sicurezza  |   Area gestione
Created by - best view 1024x768 and over. - C.F. 92048990524
PCTrio McAfee PCTrio AVG PCTrio Norton PCTrio Google