Aller au contenu

Creer un site avec des fenêtres ouvrable et fermables. (no popups)


Gregm54

Sujets conseillés

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. :P

Bon et bien voilà, je vous remercie par avance pour votre aide.

a+

Greg

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

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

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.

;)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...