Version complète: sur le forum Webmaster Hub : Creer un site avec des fenêtres ouvrable et fermables. (no popups)
Webmaster Hub > Accueil > Le salon de Webmaster Hub
Gregm54
Bonjour à tous,
Aujourd'hui me vient une petite idée de conception web, à mettre en place sur un réseau local et pourquoi pas en ligne sur le web ensuite pour la démonstration.
J'aimerais créer une page dans laquelle des fenêtres type windows pourrais être ouvertes et fermées à volonté. Je ne parle évidemment pas de popups, mais juste de DIV ou je ne sais quel balise qui pourrait faire apparaître une fenêtre et pourquoi pas qu'elle soit déplaceable.

J'aimerais savoir avec quel moyen je pourrais faire ce genre de chose assez facilement.
Je métrise le xHTML et le CSS assez bien et un peu le PHP. Je n'ai jamais fait de javascript mais je ne pense pas que grand chose doit se faire en javascript. tongue.gif
Bon et bien voilà, je vous remercie par avance pour votre aide.
a+

Greg
captain_torche
CITATION
Je n'ai jamais fait de javascript mais je ne pense pas que grand chose doit se faire en javascript.

Et c'est pourtant là que tu te trompes : le JavaScript te sera indispensable pour réaliser ce que tu recherches.
snwoman49
Bonsoir,

J'ai mise en place des fenêtres ouvrables et fermables sur la page d'accueil de mon site -http://meteorologic.net/

Voilà le petit code javascript qui gère ça

CODE
function affich_or_ferme_boite(id)
{
    var valeur_src = document.getElementById('img_'+id).src;

    if(valeur_src == 'http://meteorologic.net/new_home/ouvert_boite.png')
    {
    document.getElementById('img_'+id).src ='new_home/fermer_boite.png';
    document.getElementById('boite_'+id).style.display ='none';
    }
    else{
    document.getElementById('img_'+id).src ='new_home/ouvert_boite.png';
    document.getElementById('boite_'+id).style.display ='block';
    }

}


C'est très simple à faire.
wink.gif
Gregm54
Entre temps, en cherchant j'avais trouvé quelque chose de similaire et c'est pas mal. blush.gif
Merci quand même !
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.