Pagina 3 di 3 primaprima 1 2 3
Visualizzazione dei risultati da 21 a 29 su 29
  1. #21
    Originariamente inviato da Uninstall
    ciao nico e ben tornato!!!!!!!
    l errore che ottengo è quello che vedi nell immagine allegata : una x al posto dell immagine e sotto la scritta fissa "questo testo è invisibile" e se passo sopra col mouse non succede nulla....tutto rimane fermo.
    Ciao nico....ho ancora provato e ho notato che devo mettere l immagine fuori dalla cartella (all'altezza del file css)....in questo modo la pagina mi visualizza l immagine sì....ma se passo sopra col mouse non succede nulla.....quindi il problema persiste...


    www.nexusitalia.com apriamo gli occhi...

  2. #22
    Originariamente inviato da Enzaccio
    Il   document.getElementById('qualeID')   che ho impiegato, è un metodo JS tra i più affidabili in quanto contemplato da tutti Browser sin dall' epoca di IE 5
    Vuole che si rispetti l' ID tra stringa JavaScript e Elemento HTML su cui deve intervenire.

    A quanto capisco, tu hai più DIV da mostrare/nascondere e quindi assegnerai a ciascuno un diverso ID GIUSTO....

    L' in-line layout buono a scopo dimostrativo o per applicazioni basilari, comporta però degli inconvenienti quando si deve sviluppare un programma appena più complesso.
    Per cui metteremo le istruzioni JS in una funzione, nella HEAD tra i Tag SCRIPT, e al gestore d' evento facciamo richiamare per nome questa funzione.
    Quindi il tuo modello potrebbe diventare del tipo:


    <html>
    <head>

    <script>

    function mostra(quale){
      document.getElementById(quale).style.display='block';
      }
    </script>

    </head>
    <body>
      <img src="info2_01.jpg" onclick="mostra('campo1')">
      <img src="info2_02.jpg" onclick="mostra('campo2')">
      <img src="info2_03.jpg" onclick="mostra('campo3')">
      <div id="campo1" style="display: none;">Testo Uno</div>
      <div id="campo2" style="display: none;">Testo Due</div>
      <div id="campo3" style="display: none;">Testo Tre</div>

    </body>
    </html>


    Nell' esempio faccio ricorso ad un' altra peculiarità: passo l' ID dal gestore d' evento alla funzione, un diverso ID da prendere in considerazione a seconda di quale immagine clicchi; quindi una singola funzione può servire più DIV.
    Una parola di convenzione quale (senza apici) nella funzione, fa da veicolo (tiene il posto) al reale ID che le verrà trasmesso dall' onClick
    ciao enzo! grazie della dettagliata descrizione...anche se devo confessare che per molti versi trovo tutto ciò abbastanza ostico vista la mia preparazione in materia

    Ho copiato il tuo codice all'interno di una "funzione html" all interno della pagina in questione e ciò che ho ottenuto è un allineamento delle 3 immagini e se clicco su ogniuna appare il testo sotto.....la questione adesso è:

    3-le immagini cliccabili non dervono apparire allineate sulla stessa riga ordinatamente, ma sono immagini con totale differenza di posizionamento all interno della pagina perchè sono allineate a righe di testo diverse tra loro.

    2-far apparire il testo non necessariamente sotto l immagine ma in un punto definito della pagina (usando le coordinate margin immagino.....)

    3-vorrei che il testo che appare cliccando sulla prima immagine, sparisca nel momento in cui clicco sulla seconda immagine....perchè lo spazio dei testi che appaiono al click è uno spazio condiviso.

    grazie!
    www.nexusitalia.com apriamo gli occhi...

  3. #23
    Originariamente inviato da Uninstall
    Ciao nico....ho ancora provato e ho notato che devo mettere l immagine fuori dalla cartella (all'altezza del file css)....in questo modo la pagina mi visualizza l immagine sì....ma se passo sopra col mouse non succede nulla.....quindi il problema persiste...

    DIMENTICAVO: VORREI CHE IL POPUP CHE APPARE NON SCOMPAIA APPENA SPOSTO IL MOUSE !

    e altro dubbio è questo:
    ho notato che cambiando i valori margin sposto la zona dove appare il popup,...ma ho notato che lo spostamento è relativo alla scritta (o immagine) che viene cliccata...invece io vorrei che si spostasse relativamenter alla pagina intera come riferimento (tipo....a 100px in altezza e 100px in larghezza partendo dall angolo sinistro alto della pagina)


    GRAZIE!!!!!
    www.nexusitalia.com apriamo gli occhi...

  4. #24
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530

    Text Editor

    Originariamente inviato da Uninstall
    ciao enzo! ...
    Ho copiato il tuo codice all'interno di una "funzione html" all interno della pagina in questione ...
    Non so quale archibugio spaziale stai adoperando, ma il Codice si presume elaborato con un Editor di Testo.
    Se hai Windows, il Blocco Note fornito col Sistema Operativo, è un Editor di Testo: ti presenta un' area di scrittura e i pulsanti del menù per Salvare/Aprire/ il file, ecc.

    Lo trovi da start => Tutti i programmi => Accessori => Blocco note

    Il Codice del mio esempio lo copi e incolli nell' Editor di Testo poi, in alto a sinistra fai: File=>Salva con nome... e nomini il file unNome.html è importante che gli dai l' estensione (punto)html o .htm poi te lo vai a vedere con il Browser che vuoi (IExplorer, FireFox, Safari, ecc.).
    Altri Sistemi Operativi pure forniscono un loro Editor di Testo "di serie".



    Originariamente inviato da Uninstall
    3-vorrei che il testo che appare cliccando sulla prima immagine, sparisca nel momento in cui clicco sulla seconda immagine....perchè lo spazio dei testi che appaiono al click è uno spazio condiviso....
    Sostituisci nella sezione HEAD del Documento, lo SCRIPT con la funzione così modificata che provvederà anche alla preventiva chiusura di tutti e tre i DIV :
    codice:
    <script type="text/JavaScript">
    
    function mostra(quale){
      document.getElementById('campo1').style.display='none';
      document.getElementById('campo2').style.display='none';
      document.getElementById('campo3').style.display='none';
     
      document.getElementById(quale).style.display='block';
      }
     
    </script>
    Se ti ci ritrovi, poi lo applicheremo alla tua pagina.

  5. #25
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530
    Allora, anche la tua pagina te la apri coll' Editor di Testo (Blocco Note), menù in alto sx da File => Apri... e sempre da qua te la ri-salvi con unAltroNome.html da File => Salva con nome... così te ne ritrovi due copie (verificalo sul Browser); su una andiamo a fare delle modifiche, l' altra (l' originale) rimane di back-up.

    Originariamente inviato da Uninstall
    ciao enzo!
    ...
    3-le immagini cliccabili .../... sono immagini con totale differenza di posizionamento all' interno della pagina ... .

    2-far apparire il testo non necessariamente sotto l immagine ma in un punto definito della pagina (usando le coordinate margin immagino.....)
    Nessun problema.
    Questi Elementi possono trovarsi dove vuoi, nella pagina; il mio esempio funziona così perché è un modello dimostrativo elementare e non li ho posizionati in modo particolare.
    Ora cerchi nel tuo Codice, i Tag IMG relativi alle immagini che vuoi cliccabili, e aggiungi nel Tag l' Attributo ONCLICK col richiamo della funzione
    onclick="mostra('campo1')" così:

    <img src="info2_01.jpg" alt="" onclick="mostra('campo1')">

    non so che altri Attributi puoi avere in quei Tag, basta che ci aggiungi questi onclick="mostra('campo1')" cambiando campo2 campo3 ecc. o altri termini che vuoi usare per gli ID (popupA , popupB , ecc.).
    Questo, attiene alla parte JavaScript; dove si trovino quei Tag d' immagine, attiene alla parte di puro HTML e noi non la andiamo a modificare.


    Ora dovresti essere pure in grado di riconoscere la sezione HEAD nel Codice che ti mostra l' Editor: è compresa tra i Tag :

    <head>

    </head>

    e li' in mezzo (fai, subito sotto al primo) ci posizioni lo SCRIPT JavaScript.
    Copia-Incollaci questo semplice script, per il momento; infine chiaramente devi fare File => Salva... dal solito menù:


    <script type="text/JavaScript">

      function mostra(quale){

      alert("Vuoi aprire il DIV avente ID="+quale);
      }

    </script>


    Non succede niente, ma ti compare una finestrella di avviso ad ogni click che ti conferma il felice collegamento tra il comando e la funzione.
    Anche, vedrai che il termine di servizio quale ti si traduce nei diversi ID che hai messo sui comandi.

  6. #26

    Re: Text Editor

    Originariamente inviato da Enzaccio
    Non so quale archibugio spaziale stai adoperando, ma il Codice si presume elaborato con un Editor di Testo.
    Nessun archibugio semplicemente uso un software come tanti in giro che facilita la realizzazione di una pagina web usando funzioni già belle e pronte (in questo caso...clicco su un icona chiamata "html" che mi aggiunge all interno della pagina sulla quale stò lavorando, una zona dove posso copiare del codice html.

    Sostituisci nella sezione HEAD del Documento, lo SCRIPT con la funzione così modificata che provvederà anche alla preventiva chiusura di tutti e tre i DIV :
    codice:
    <script type="text/JavaScript">
    
    function mostra(quale){
      document.getElementById('campo1').style.display='none';
      document.getElementById('campo2').style.display='none';
      document.getElementById('campo3').style.display='none';
     
      document.getElementById(quale).style.display='block';
      }
     
    </script>
    Se ti ci ritrovi, poi lo applicheremo alla tua pagina.
    Ok così è come lo vorrei...perfetto...adesso devo solo risolvere i punti 1 (erroneamente chiamato 3 ) e 2.....butto subito un okkio all altra tua risposta....
    www.nexusitalia.com apriamo gli occhi...

  7. #27
    Nessun problema.
    Questi Elementi possono trovarsi dove vuoi, nella pagina; il mio esempio funziona così perché è un modello dimostrativo elementare e non li ho posizionati in modo particolare.
    Ora cerchi nel tuo Codice, i Tag IMG relativi alle immagini che vuoi cliccabili, e aggiungi nel Tag l' Attributo ONCLICK col richiamo della funzione
    onclick="mostra('campo1')" così:

    <img src="info2_01.jpg" alt="" onclick="mostra('campo1')">

    non so che altri Attributi puoi avere in quei Tag, basta che ci aggiungi questi onclick="mostra('campo1')" cambiando campo2 campo3 ecc. o altri termini che vuoi usare per gli ID (popupA , popupB , ecc.).
    Questo, attiene alla parte JavaScript; dove si trovino quei Tag d' immagine, attiene alla parte di puro HTML e noi non la andiamo a modificare.
    ti allego il link che ti mostra cosa intendo per "funzione html" :

    http://www.esnips.com/doc/20bfac90-b...7a44f685d/html

    non riesco a capire bene dove intendi che debba copiare il seguente codice:
    [img]info2_01.jpg[/img]

    io ho realizzato questo codice che vedi sotto all'interno della "funzione html" che sappiamo:

    <html>
    <head>

    <script type="text/JavaScript">

    function mostra(quale){
    document.getElementById('campo1').style.display='n one';
    document.getElementById('campo2').style.display='n one';
    document.getElementById('campo3').style.display='n one';

    document.getElementById(quale).style.display='bloc k';
    }

    </script>

    </head>
    <body>
    [img]info2_01.jpg[/img]
    [img]info2_02.jpg[/img]
    [img]info2_03.jpg[/img]
    <div id="campo1" style="display: none;">Testo Uno</div>
    <div id="campo2" style="display: none;">Testo Due</div>
    <div id="campo3" style="display: none;">Testo Tre</div>

    </body>
    </html>

    Come vedi quella riga di codice c'è già.....

    Ora dovresti essere pure in grado di riconoscere la sezione HEAD nel Codice che ti mostra l' Editor: è compresa tra i Tag :

    &#60;head&#62;

    &#60;/head&#62;

    e li' in mezzo (fai, subito sotto al primo) ci posizioni lo SCRIPT JavaScript.
    Copia-Incollaci questo semplice script, per il momento; infine chiaramente devi fare File => Salva... dal solito menù:


    &#60;script type="text/JavaScript"&#62;

    &#160; function mostra(quale){

    &#160; alert("Vuoi aprire il DIV avente ID="+quale);
    &#160; }

    &#60;/script&#62;
    non mi è chiaro dove dovrei incollare il seguente codice:

    <script type="text/JavaScript">

    function mostra(quale){

    alert("Vuoi aprire il DIV avente ID="+quale);
    }

    </script>

    forse all interno del codice intero che ti ho scritto poco fà??? o è da posizionarsi in un altra "funzione html"?



    Psiccolo dubbio....il testo che appare lo vorrei di un determinato colore e non blu...dovrei cambiare quale attributo e soprattutto dove???


    SCUSAMI ANCORA PER L IMPEDIMENTO MA SONO MOLTO POCO SERRATO IN MATERIA!
    GRAZIE ANCORA!!!!!!!!!
    www.nexusitalia.com apriamo gli occhi...

  8. #28
    ragazzi mi avete abbandonato ??
    www.nexusitalia.com apriamo gli occhi...

  9. #29
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530

    Re: Re: Text Editor

    Deduco che non hai minimamente tentato di far pratica con l' Editor di Testo come avvisato, e quindi ti rimane impossibile seguire sia me che nico, che il suo pure era un ottimo riferimento.

    Originariamente inviato da Uninstall
    ... uso un software come tanti in giro che facilita la realizzazione di una pagina ... ...clicco su un icona chiamata "html" che mi aggiunge ..., una zona dove posso copiare del codice html.

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.