PopUp

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    10,982
    Activity Level
    0

    Status
    Anonymous

    PopUp



    Installazione
    Inserire questo in cima al sito(o in fondo non importa dove)
    HTML
    <script type="text/javascript">
    <!--
    function popup() {
    window.open('Pagina in htm o html','Nome_del_Popup','width=400','height=300')
    }
    -->

    </script>

    Ora non ci resta che inserire il link al popup dove più preferiamo, dentro il corpo della nostra pagina.
    HTML
    <a href="javascript:popup()">Testo_nel_PopUp</a>


    può essere utilizzato per aprire pagine in .html o .htm senza doverle caricare completamente in un'altra scheda(o pagina)...può essere usato ad esempio con i codici colore, oppure per aprire pagine in htm o html che vi interessa far aprire dai vostri utenti senza dover cliccare sui link diretti...potete benissimo modificare l'altezza del popup e la larghezza, variando questi valori:
    HTML
    'width=Larghezza','height=Altezza'

    ricordandoci degli apici ' javascript...

    per decidere quale pagina deve essere aperta con il vostro popup basta immettere il link al posto di questa parte:
    HTML
    'Pagina in htm o html'


    Edited by bored - 17/12/2012, 16:10
     
    Top
    .
  2. Kronis
         
     
    .

    User deleted


    Riprendo questa discussione.

    Sto cercando di fare un popup che, quando il mouse passa sulle targhette delle sezioni o sul nome, faccia comparire un popup con la loro descrizione: qualcuno ha idea di come fare? E se è possibile?

    Grazie a tutti
     
    Top
    .
  3. Nens
         
     
    .

    User deleted


    Ma intendi un alert?
     
    Top
    .
  4. Kronis
         
     
    .

    User deleted


    qualcosa di simile: che compaia al passaggio e sparisca dopo :)
     
    Top
    .
  5.      
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    Potresti semplicemente utilizzare il title e alt in un immagine:
    HTML
    <img src="image.jpg" alt="titolo_immagine" title="descrizione">

    Purtroppo l'attributo ALT in IE funziona in tutte e due i casi, mentre con Opera, NS, e Mozilla, se metti solamente ALT, la finestrella gialla non la vedi, quindi inserisci entrambi.

    Altrimenti potresti andare sul javascript andando sull'onmouseover, prova con questo:
    HTML
    <script type="text/javascript">
    function descrizione(txt)
    {
    document.getElementById("desc").innerHTML=txt;
    }
    </script>
    <img src="img1.jpg" onmouseover="descrizione(testo della descrizione1)">
    <img src="img2.jpg" onmouseover="descrizione(testo della descrizione2)">

    <p id="desc"></p>
     
    Top
    .
  6. Kronis
         
     
    .

    User deleted


    Come lo carico per farlo visualizzare quando il mpuse passa sulle targhette delle sezioni del forum?
    Metto la stringa nel format per caricare l'immagine della targhetta?

    EDIT

    So che ti rompo,ma potresti provare a spiegarmi come utilizzare lo script che hai messo nel topic?
    HTML
    <script type="text/javascript">
    function descrizione(txt)
    {
    document.getElementById("desc").innerHTML=txt;
    }
    </script>
    <img src="img1.jpg" onmouseover="descrizione(testo della descrizione1)">
    <img src="img2.jpg" onmouseover="descrizione(testo della descrizione2)">

    <p id="desc"></p>


    Lo script lo metto in Codice Html dove ci sono le sezioni, ma devo modificarlo?

    HTML
    <img src="img1.jpg" onmouseover="descrizione(testo della descrizione1)">
    questa stringa.. mettiamo la targhetta della prima sezione con relativa descrizione: dove devo metterla? Nella parte della targhetta non mi ci sta.

    HTML
    <p id="desc"></p>
    Questa parte la devo modificare? E dove devo metterla?

    Scusami se ti importuno così XD
     
    Top
    .
  7.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    49,890
    Activity Level
    0
    Location
    Napoli

    Status
    Anonymous
    Vorrei sapere una cosa, c'è un modo per far sì che il suddetto popup si apra anche nonostante il bloccopopup del browser?
    Perchè a volte navigando per siti mi sono capitati popup di questo tipo ma non saprei che genere di codici utilizzare.
    Grazie.
     
    Top
    .
  8.      
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    6,826
    Activity Level
    +1
    Location
    Roma

    Status
    Anonymous
    no, non è possibile farlo aprire se il blocco popup è inserito, in realtà un metodo esisterebbe pure, ma non è attuabile su forumfree.
    comunque puoi sempre tentare la strade del finto popup che mostra un div in position fixed.

    HTML
    <script type="text/javascript">
    function apripopup() {
    document.querySelector('.pop_up').style.display= "block";
    }
    function chiudipopup() {
    document.querySelector('.pop_up').style.display= "none";
    }
    </scirpt>

    <div class="pop_up" style="display:none; position: fixed; top:50%; left:50%">
    "contenuto che vuoi visualizzare o eventualmente anche un iframe"
    <a href="#" onclick ="chiudipopup">chiudi</a>
    </div>
    <a href="#" onclick ="apripopup">apri il pop up</a>
     
    Top
    .
  9.      
     
    .
    Avatar

    Senior Member

    Group
    Member
    Posts
    49,890
    Activity Level
    0
    Location
    Napoli

    Status
    Anonymous
    Grazie lo provo a vedo se può essermi utile, ti faccio sapere.
    Cmq mi sa che quel tipo di popup per così dire "ribelli" sono esclusiva di siti esterni con codici che qui sul circuito forse sono filtrati.
     
    Top
    .
8 replies since 11/3/2009, 14:18   1558 views
  Share  
.
Top