Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    585

    Replicare un' immagine scelta, in fondo alla pagina

    Ciao a Tutti,

    ho la mia pagina web in cui, all' interno del form, con un modulo ho la possibilita' di scegliere un ' immagine a piacere scorrendo la directory che piu' mi piace...

    Vorrei che a scelta avvenuta, tale immagine
    (prima di essere salvata sul server con un nome preciso ... e questo e' un altro discorso)
    venisse visualizzata in fondo alla mia pagina web ...

    Ho provato a guardare in internet e nel forum, ma ho bisogno di una dritta perche' non so da dove partire ...

    Grazie in anticipo tantissimo per l' aiuto !!

    <form method="POST" name="FrontPage_Form3">
    ....
    <input type=file name=browse size='0' style='display:none'>
    <input name=file_name size='1' style='border: 0px solid #FFFFFF;color:#FFFFFF;text-decoration:none'>
    <input type=button style='width:86px;height:26px;background-color:#E2FEF9;font-style:normal;font-variant:normal;font-weight:bold' onclick='document.FrontPage_Form3.browse.click();d ocument.FrontPage_Form3.file_name.value=document.F rontPage_Form3.browse.value;' value="Gantt Chart">
    ....
    <div align="center">
    <table border="0" width="96%" cellpadding="0" id="table_img">
    <tr>
    <td id="replica"><p align="center"></td>
    </tr>
    </table>
    </div>

    </form>

    Se schiaccio il pulsante Gantt Chart mi si apre la mascherina per scegliere l' immagine, e, a scelta fatta, vorrei che venisse visualizzata all' interno della cella "replica".

    Come fare ??

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    585
    Sto cercando una soluzione:

    <head>
    <script type="text/javascript">
    function printimage () {
    pim=document.getElementById('browse').value;
    document.write('[img]file:///'+pim+'[/img]');
    }
    </script>
    </head>
    <body>
    <form method="POST" name="FrontPage_Form3">
    ....
    <input type="file" name="browse" id="browse" size='0' style='display:none' onchange='printimage()' >
    <input name=file_name size='1' style='border: 0px solid #FFFFFF;color:#FFFFFF;text-decoration:none'>
    <input type=button style='width:86px;height:26px;background-color:#E2FEF9;font-style:normal;font-variant:normal;font-weight:bold' onclick='document.FrontPage_Form3.browse.click();d ocument.FrontPage_Form3.file_name.value=document.F rontPage_Form3.browse.value;' value="Gantt Chart">
    ...

    <div align="center">
    <table border="0" width="96%" cellpadding="0" id="table_img">
    <tr>
    <td id="replica"><p align="center"> </td>
    </tr>
    </table>
    </div>

    </form>


    La funzione printimage vorrei che venisse eseguita in corrispondenza dell' id="replica" in modo che compaia a fine pagina l' immagine scelta modificata


  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    sostituisci questa riga :
    document.write('[img]file:///'+pim+'[/img]');
    con questa:
    document.getElementById('replica').innerHTML='[img]file:///'+pim+'[/img]';
    ma se il tuo intento è fare l'anteprima di un immagine prima del upload dovrai cambiare approccio (sul forum se ne ampiamente parlato fai una ricerca) la tua sintassi file://percorso credo (vado a memoria) sia ammessa solo IE
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    585
    Come al solito Andrea, Grazie infinite !!!

    Era esattamente quello che volevo fare !!!! Funziona !!!!

    Faccio tesoro di quello che mi hai detto riguardo l' anteprima (prima, consultando il forum per il mio problema non avevo pensato a questa parolina magica) ...

    Grazie ancora !!!

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.