Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2013
    residenza
    Napoli
    Messaggi
    6

    Passaggio di un immagine alla funzione ApriBox

    Salve ,
    Mi sono Appena iscritto al forum , sono alle prime armi con l'html , il prof ci ha dato un lavoro da completare , dovrei cliccare sull'icona della foto (le icone sono contenute in una cartella chiamata SmallImage) e farla apparire in un box al centro dello schermo con la foto più grande (le foto grandi sono contenute in un altra cartella che si chiama BigImage) , il box senza il passaggio dell'immagine si apre ma appena voglio passarci il nome della foto nel mio caso la variabile $NomeFile , non mi si apre più il box , potete aiutarmi mi sto ingrippando da 2 giorni , Help Me!!

    Questo è il codice

    <!DOCTYPE html>
    <HTML>


    <HEAD>


    <title> Esplora Città </title>


    </HEAD>
    <style type="text/css">


    body{
    background:url(image/sfondo.png);
    margin : 0px;
    padding: 0px;
    font-family: Arial Tahoma Verdana;
    font-size: 20px;
    }


    .box{
    background-image:url(image/cornice.jpg);
    background-repeat:no-repeat ;
    background-position:center;
    border: 1px solid black ;
    width :100px;
    height:100px;
    margin-left: 125px;
    margin-top: 50px;
    padding:10px;
    float:left;
    overflow:auto;
    cursor:pointer;
    }
    .box:hover{
    background-image:url(image/cornice2.jpg);
    background-repeat:no-repeat ;
    background-position:center;
    border: 1px solid black ;
    width :100px;
    height:100px;
    margin-left: 125px;
    margin-top: 50px;
    padding : 10px;
    overflow:auto;
    cursor:pointer;


    }
    .box img{
    position:relative;
    top :10px;
    left:10px;
    }
    .BigBox{
    background-color: white;
    border: 1px solid black ;
    width :400px;
    height:400px;
    margin-top : 100px;
    margin-left: 500px;
    z-index:900;
    position:absolute;
    display :none;
    cursor:pointer;
    }
    .BigBox img{
    position:relative;
    left:370px;
    }
    .riconoscimento{
    border: 0px solid black ;
    width :500px;
    height:20px;
    margin-top :700px;
    margin-left: 500px;
    z-index:900;
    position:absolute;


    }


    </style>


    <script type="text/javascript">


    function ApriBox(Img)
    {
    document.getElementById("BigBox").style.display="b lock";
    document.getElementById("BigBox").innerHTML="<img src ='"+Img+"'>";


    }
    function ChiudiBox(popup)
    {
    popup.style.display="none";


    }




    </script>
    <BODY >




    <table width="70%" height= "40%" border= "1px" align="center">
    <tr>
    <td align="center">
    <B> Esplora le Città </B>
    </td>
    </tr>


    <tr>
    <td align="center">
    Scegli la Città da esplorare
    </td>
    </tr>
    </table>




    <?php


    $DirImg = opendir ('SmallImage');
    while ( $NomeFile = readdir($DirImg))
    {
    if ( $NomeFile != '.' && $NomeFile != '..' && $NomeFile != 'Thumbs.db')
    {
    $NomeFileBig= 'BigImage/'.$NomeFile;
    $Pf = fopen ($NomeFileBig,'r');
    if ($Pf)
    {
    fclose($Pf);
    echo '<div class ="box" onClick= "ApriBox(',$NomeFile,')"><img src="SmallImage/',$NomeFile,'"> </div>';
    }
    }


    }
    closedir ($DirImg);
    ?>


    <div class ="BigBox" id ="BigBox" onClick="ChiudiBox(this)">
    </div>
    <div class ="riconoscimento" >
    OFFICIAL WEB SITE BY M.AVALLONE A.PERNA
    </div>


    </BODY>


    </HTML>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    onClick= "ApriBox(',$NomeFile,')" perché ci sono le virgole? prova cosi onClick= "ApriBox(\''.$NomeFile.'\')" e aggiungi il percorso document.getElementById("BigBox").innerHTML="<img src ='/BigImage/"+Img+"'>"; (verifica se ci vuole la prima barra o meno)


    P.S. Ciao e benvenuto, ma studia e applicati di più
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2013
    residenza
    Napoli
    Messaggi
    6
    Grazie della risposta ,
    ho provato a fare come dici tu ma niente non mi apre il box , potresti darmi altri dettagli , cosa ho sbagliato ?

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Metti la pagina online (tuosito.xxxx/paginademo.xxxx)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Metti la pagina online (tuosito.xxxx/paginademo.xxxx)
    Te consiglio di andare su altervista.org che è gratuito

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2013
    residenza
    Napoli
    Messaggi
    6
    Ho messo il sito online qst è il link http://apriimmagine.altervista.org/Index.php

  7. #7
    Utente di HTML.it
    Registrato dal
    Nov 2013
    residenza
    Napoli
    Messaggi
    6
    Quote Originariamente inviata da mrk1989 Visualizza il messaggio
    Te consiglio di andare su altervista.org che è gratuito
    Ho messo il sito online su altervista il link è :http://apriimmagine.altervista.org/Index.php

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Verifica il link da Pagina non trovata (errore 404)

    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  9. #9
    Utente di HTML.it
    Registrato dal
    Nov 2013
    residenza
    Napoli
    Messaggi
    6
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Verifica il link da Pagina non trovata (errore 404)
    scusa la pagina è
    con /index.php in piccolo

  10. #10
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Alla funzione ApriBox(Venezia.jpg) gli passi una stringa pertanto va negli apici '' come t'avevo detto onClick= "ApriBox(\''.$NomeFile.'\')"

    P.S. Se al mancato studio aggiungi la disattenzione non andrai molto lontano
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.