Visualizzazione dei risultati da 1 a 2 su 2

Discussione: finestre popup ?

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    5

    finestre popup ?

    Salve a tutti.
    ho la necessità di aprire una finestra all'interno del documento (magari facendo scivolare in basso il testo presente) contenente un form per l'immissione di alcuni dati. L'effetto che mi piacerebbe ottenere è quello presente in fb quando si clicca su "aggiorna stato". Dall'alto della mia inesperienza ho capito che in html non si può fare e per quanto abbia cercato in rete non ho trovato che qualche suggerimento, ma nulla di veramente utile. Qualcuno ha affrontato e magari risolto il problema ?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    5
    Dopo aver girato un po' ho trovato le mie risposte. Le posto qui di seguito così magari possono servire a qualcuno.

    <style type='text/css'>
    #headerDivImg {
    float: left;
    width: 510px;
    background-color: #0037DB;
    color: #9EB6FF;
    }

    #contentDivImg {
    float: left;
    width: 510px;
    background-color: #FFE694;
    text-align: center;
    }

    #contentDivImg_ {
    float: left;
    width: 510px;
    background-color: #FFE694;
    text-align: center;
    }

    #titleTextImg {
    float: left;
    font-weight: bold;
    margin: 5px;
    }
    #imageDivLink {
    float: right;
    }

    #headerDivImg img {
    float: right;
    margin: 10px 10px 5px 5px;
    }
    </style>

    <script language="javascript">

    function toggle5(showHideDiv, switchImgTag) {
    var ele = document.getElementById(showHideDiv);
    var imageEle = document.getElementById(switchImgTag);
    if(ele.style.display == "block") {
    ele.style.display = "none";
    imageEle.innerHTML = '[img]diario.png[/img]';
    }
    else {
    ele.style.display = "block";
    imageEle.innerHTML = '[img]diario_ok.png[/img]';
    }
    }
    </script>

    <body>

    <div style="width:550px";>
    <fieldset>
    <legend>Demo</legend>
    <div id="headerDivImg">
    <div id="titleTextImg">Let's use images!</div>[img]diario.png[/img]
    </div>
    <div id="contentDivImg" style="display: none;">This demo uses plus and minus images for hiding and showing your div dynamically via JavaScript.
    <form action="">
    <input type="text" placeholder="cerca..."/>
    <input type="submit" value="Go"/>
    </form>
    </div>
    </fieldset>
    </div>
    </body>

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