aprire e chiudere div

**prophet83** · 20-12-2007, 14:11

devo aprire e chiudere un div tramite javascript.
ho preso tutto il codice da un forum e non mi ricordo quale. funziona tutto il problema è che voglio che sia
normalmente chiuso, non aperto.
vi posto il codice che magari ci capite qualcosa in più:

<script type="text/javascript">

function openBox(id) {
document.getElementById(id+"content").style.displa y="block";
document.getElementById(id+"link").firstChild.data ="close";
document.getElementById(id+"link").onclick=functio n() {closeBox(id)};
}

function closeBox(id) {
document.getElementById(id+"content").style.displa y="none";
document.getElementById(id+"link").firstChild.data ="open";
document.getElementById(id+"link").onclick=functio n() {openBox(id)};
}

</script>

richiamo script::

<div id="info" >
<h3 title="info"> close</h3>
</div>
ecc ecc ecc

**Peter_Pan** · 20-12-2007, 15:22

potresti postare il codice di tutta la pagina?? mancano i box che devi aprire e chiudere

**prophet83** · 20-12-2007, 15:29

questa roba dovreste bastarti.....

<body>
<div id="container" style="width: <IMAGE_WIDTH>px;">
<div id="header">
<h1><span>Ame235's pics collection, testings, experiments, freinds, more.</span></h1>
LAST SHOT

GALLERY

ABOUT

<BUY_THIS_IMAGE>
</div>
<div id="content">
<div id="image">
[img]./images/<IMAGE_NAME>[/img]" height="<IMAGE_HEIGHT>" />
<div id="menu_browse" style="height: <IMAGE_HEIGHT>px; width: <IMAGE_WIDTH>px;">
';">
';">
</div>
</div>

<h3 class="display" title="info">Info</h3>
<div class="stretcher">

<div id="box1content">
<span class="rest">
<span class="image-title"><IMAGE_TITLE></span>
<span class="image-date"><IMAGE_DATE></span>
<div id="description">
<div id="notes">

<IMAGE_NOTES></p>

Lens: <span class="exif"><EXIF_FOCAL_LENGTH></span> | Aperture: <span class="exif"><EXIF_APERTURE></span> | Shutter: <span class="exif"><EXIF_EXPOSURE_TIME></span> | ISO: <span class="exif"><EXIF_ISO></span></p>

<span class="exif">
<IMAGE_CATEGORY>

</span></p>
</div>
</div>

**Peter_Pan** · 20-12-2007, 16:05

ti rendi conto vero che non si capisce nulla così??
mi hai postato una parte di html, non tutta, infatti restano dei div aperti.
nel codice html che mi hai postato non c'è il link alla chiamata javascript, dove la posiziono??
mancano i css (e va bè ne facciamo ammeno).. scusa l'ignoranza ma che tag è <IMAGE_TITLE>, <IMAGE_HEIGHT>, <IMAGE_NAME>???

**Peter_Pan** · 20-12-2007, 16:09

cmq credo di aver risolto:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Documento senza titolo</title>

    <script type="text/javascript">



        function openBox(id) {

            document.getElementById(id+"content").style.display="block";

            document.getElementById(id+"link").firstChild.data="close";

            document.getElementById(id+"link").onclick=function() {closeBox(id)};

        }

        

        function closeBox(id) {

            document.getElementById(id+"content").style.display="none";

            document.getElementById(id+"link").firstChild.data="open";

            document.getElementById(id+"link").onclick=function() {openBox(id)};

        }



    </script>

</head>



<body>

    <div id="container" style="width: <IMAGE_WIDTH>px;">

        <div id="header">

            <h1><span>Ame235's pics collection, testings, experiments, freinds, more.</span></h1>

            [url="index.php"]LAST SHOT[/url]


            [url="index.php?x=browse"]GALLERY[/url]


            [url="index.php?x=about"]ABOUT[/url]


            <BUY_THIS_IMAGE>

        </div>

        <div id="content">

            <div id="image">

                [img]./images/<IMAGE_NAME>[/img]" height="<IMAGE_HEIGHT>" />

                <div id="menu_browse" style="height: <IMAGE_HEIGHT>px; width: <IMAGE_WIDTH>px;">

                    [url="#"]';">[/url]

                    [url="#"]';">[/url]

                </div>

            </div>

            <h3 class="display" title="info">[url="#documentation"]Info[/url]</h3>

            <div class="stretcher" >

                <div id="box1content" style="display: none;">

                    <span class="rest">

                        <span class="image-title"><IMAGE_TITLE></span>

                        <span class="image-date"><IMAGE_DATE></span>

                        <div id="description">

                            <div id="notes">

                                

<IMAGE_NOTES></p>

                                

Lens: 

                                    <span class="exif">

                                        <EXIF_FOCAL_LENGTH>

                                    </span> | Aperture: 

                                    <span class="exif"><EXIF_APERTURE></span> 

                                    | Shutter: 

                                    <span class="exif"><EXIF_EXPOSURE_TIME></span> 

                                    | ISO: 

                                    <span class="exif"><EXIF_ISO></span>

                                </p>

                                

<span class="exif"><IMAGE_CATEGORY></span></p>

                            </div>

                        </div>

                      </span>

                </div>

            </div>

        </div>

    </div>

    <div id="info" ><h3 title="info"> [url="#"]open[/url]</h3></div>

</body>

</html>

così va bene??

**prophet83** · 20-12-2007, 16:28

si grazie mille.
quei tag sono php

Discussione: aprire e chiudere div

Strumenti discussione

Ricerca discussione

Visualizza

aprire e chiudere div. AIUTO

Permessi di invio