Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Problema aggiornamento DIV

    Salve ragazzi,

    è la prima volta che faccio un sito ed ho un problema con l'aggiornamento di un tag DIV. Il sito ha un DIV con il menu ed uno che costituisce la pagina principale che cambia in base al tasto premuto sul menu. Ho cercato in rete ed ho visto che è possibile aggiornare un DIV tramite javascript; quindi ho scritto la seguente funzione in JS:

    codice:
    <script type="text/javascript"><!--
    
    function aggiorna(){
    document.getElementById("principale").innerHTML = "
    <div style='position: absolute; width: 90%; z-index: 1; left: 5%; top: 350; right: 5%; bottom: 0; background-color: #000000' id='principale'>
    <p align='center'>
    [img]under-construction-00.jpg[/img]
    </div>  ";
    }
    -->  </script>
    come vedete l'ID del tag che dovrei aggiornare è "principale". Se ho capito bene, lo scopo del metodo innerHTML dovrebbe essere quello di sostituire il codice fra virgolette a quello del DIV "principale". Giusto? Quindi richiamando la funzione
    codice:
    javascript:aggiorna()
    il DIV dovrebbe cambiare e dovrebbe visualizzarsi l'immagine "under-construction-00.jpg". Giusto? Solo che non accade niente. Non capisco davvero perchè.. E' da molto che ci sbatto la testa sopra. Credo che si tratti di un errore stupido.. Spero in un vostro aiuto. Grazie anticipatamente..

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    non puoi andare a capo spezzando le stringhe senza chiuderle
    o scrivi tutto nella stessa riga o concateni piu' stringhe, chiudendole prima di andare a capo e aggiungendo un +

  3. #3
    Ho fatto come mi hai consigliato: ora la mia funzione è:
    codice:
    function aggiorna(){  	document.getElementById("principale").innerHTML = "<div style='position: absolute; width: 90%; z-index: 1; left: 5%; top: 350; right: 5%; bottom: 0; background-color: #000000' id='principale'><p align='center'>[img]under-construction-00.jpg[/img]</div>";  }
    Però il risultato è lo stesso: quando chiamo
    codice:
    javascript:aggiorna()
    il DIV resta lo stesso. Ho provato anche a scrivere solamente una stringa di prova tipo:
    codice:
    function aggiorna(){  	document.getElementById("principale").innerHTML = "QUESTA E' UNA PROVA";  }
    oppure a mettere una stringa vuota:
    codice:
    function aggiorna(){  	document.getElementById("principale").innerHTML = "";  }
    ma non succede niente.

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Metti il codice solo html (no php/asp) come lo riceve il browser della pagina oppure un link alla pagina pubblica, e spiega bene cosa vuoi ottenere.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Ho risolto il problema.. c'era un errore di sintassi nel codice JS.. Me ne sono accorto solo ora!

    Grazie mille per l'aiuto.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.