begin process at 2012 05 29 13:10:41
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

page intermédiaire

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

page intermédiaire

jeudi 23 septembre 2004 à 18:54:47 | page intermédiaire

Orchrist
BOnjour!!!
Alors, voila, sur mon site sur la guerre, on voit des images qui sont un peu horribles... Alors, en fait, sur la page de ces photos, je voudrais faire apparaitre, au chargement de la page, une seconde page par dessus, avec un bouton Entrer ou sortir, qui, en cliquant sur le bouton entrer, lèverait la page intermédiaire comme un rideau... Et qu'en cliquant sur le bouton quitter, cela lance page précédente au naviguateur...
Voilà! j'ai vu un exemple à peu près ce que je veux sur un site: www.web-tricheur.net Je sais l'exemple n'est pas top lol
Mais bon. Alors, voila, sur ce site, quand on clique en haut à droite, sur la petite croix rouge, une fonction javascript (void() je crois) se met en route... Et une page se charge comme ça, et un bouton pour la refaire disparaitre est dispo en haut à gauche... je voudrais faire pareil, mais avec le rideau qui se charge automatique par dessus la page, en bloquant si possible les effets de celle-ci (comme si elle ne ce chargait qu'après le levé de rideau...)

Voilà... je sais que ce que je demande est un peu compliqué, mais bon, si je demande c'est que j'ai besoin...Merci beaucoup à tous ceux qui me répondront!!

Si vous avez une autre solution, merci de me la donner!

Je précise que je suis nul en javascript...mais demande urgente...
vendredi 24 septembre 2004 à 10:18:17 | Re : page intermédiaire

bultez

Membre Club
Bonjour,
mettre une image 2 sur l'image 1 à dévoiler,
diminuer progressivement les dimentions
de l'image 2.
un ch'tit exemple :

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
function efface()
{ if (parseInt(zone.style.width)>0)
zone.style.width =(parseInt(zone.style.width)-1)+"px";
if (parseInt(zone.style.height)>0)
zone.style.height=(parseInt(zone.style.height)-1)+"px";
if (parseInt(zone.style.width)>0 || parseInt(zone.style.height)>0 )
setTimeout("efface();",200); }
</script>
</HEAD>
<BODY>
<img src="C:/MES DOCUMENTS/MES IMAGES/ETRANGE/CAISSE.BMP">
<img src="C:/MES DOCUMENTS/MES IMAGES/GIF16X~1/ABANDON.GIF"
name="zone"
onclick="efface();"
style=" position:absolute;
display:'inline';
top='20';
left:'20';
width:'100px';
height:'100px'">
</BODY></HTML>

ici on diminue les dimentions horizontales et
verticales de 1 tous les 200 milli-secondes.
à adapter aux besoins.
Cordialement Bul. [Site] [Mail]
vendredi 24 septembre 2004 à 10:28:43 | Re : page intermédiaire

the_smurf
Tu n'as peut-être pas besoin d'une deuxième page. Le plus simple je pense c'est de créer deux <div> pour tes rideaux, tu récupères la largeur et la hauteur visible de ton écran pour définir leurs taille (tu peut utiliser screen.width / 2 et screen.height), tu les places au dessus de ta page en leur donnant un z-index plus grand que 1.
Après cette première étape tu devrais avoir le contenu de ta page caché derrière deux rideaux (tes div)/
Maintenant deuxième étape, ouvrir les rideaux. Pour ça il va faloir un peu de javascript: Il va suffir d'accéder à ton div grace à un id que tu lui aura donné et la méthode getElementById et modifier sa position: getElementById("Id").width = getElementById("Id").width -1, le tout dans une boucle pour voir le rideau s'ouvrir.

Bonne prog
vendredi 24 septembre 2004 à 16:46:19 | Re : page intermédiaire

Orchrist
Heu, en fait, j'ai pas tout compris... je suis un peu nul, mais j'ai quand même besoin de ce script... Smurf, tu pourrais me montrer un exemple de code? si tu as le temps... et l'envie... c'est jsute pour m'aider... Sinon, dis moi comment immiter le script de web-tricheur, mais en faisant la démarche automatiquement...
lundi 27 septembre 2004 à 17:10:40 | Re : page intermédiaire

the_smurf
Je t'ai fait un petit exemple. Il suffit de cliquer sur un les rideaux pour les ouvrir ou les fermer.

<html>
<head>
<script>
curtainState = "closed";

function setCurtainsWidth()
{
leftCurtain.style.width = parseInt(screen.width / 2);
rightCurtain.style.width = parseInt(screen.width / 2);
}

function manageCurtain()
{
if(curtainState == "closed")
{
curtainState = "opened";
openCurtain();
}
if(curtainState == "opened")
{
curtainState = "closed";
closeCurtain();
}
}

function openCurtain()
{
if(parseInt(leftCurtain.style.width)>0)
{
//alert(parseInt(leftCurtain.style.width));
leftCurtain.style.width =(parseInt(leftCurtain.style.width)-1);
}
if(parseInt(rightCurtain.style.width)>0)
{
rightCurtain.style.width =(parseInt(rightCurtain.style.width)-1);
}
if(parseInt(leftCurtain.style.width)>0 || parseInt(rightCurtain.style.width)>0 )
{
setTimeout("openCurtain();",10);
}
}

function closeCurtain()
{
if(parseInt(leftCurtain.style.width)<parseInt(screen.width / 2))
{
leftCurtain.style.width =(parseInt(leftCurtain.style.width)+1);
}
if(parseInt(rightCurtain.style.width)<parseInt(screen.width / 2))
{
rightCurtain.style.width =(parseInt(rightCurtain.style.width)+1);
}
if(parseInt(leftCurtain.style.width)<parseInt(screen.width / 2) || parseInt(rightCurtain.style.width)<parseInt(screen.width / 2) )
{
setTimeout("closeCurtain();",10);
}
}

</script>
</head>

<body onLoad="setCurtainsWidth()">
<div id="leftCurtain" style="position:absolute;top:0;left:0;height:100%;background-color:red;z-index:2" onClick="manageCurtain()">
rideau de gauche
</div>
<div id="rightCurtain" style="position:absolute;top:0;right:0;height:100%;background-color:red;z-index:2" onClick="manageCurtain()">
rideau de droite
</div>
<div id="content" style="position:absolute;top:0;width:100%;height:100%;background-color:blue;z-index:0">
Ici tu peux mettre ton blabla et tes photos
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
blablablablablablablablablablablablablablablablablablablablablablablabla</br>
<div>
</body>
</html>


Cette discussion est classée dans : bouton, page, site, intermédiaire, rideau

Répondre à ce message

Sujets en rapport avec ce message

bouton retour et flash :( [ par Yogzjs ] Bonjour tout le mondealors je vous explique mon probleme qui n est pas nouveaumais je n ai malheuresement pas trouvé de solution sur internet...je pos Définir comme page d'accueil [ par gege57230 ] Bonjour, je cherche à intégrer à mon site en flash un bouton pour permettre aux utilisateurs de mettre mon site en page de démarrage. Ne parvenant pas Problème de DIV lors de la réduction [ par nico3141 ] Bonjour, J'essaye d'utiliser des feuilles de style pour mettre en page un site. Quand texte défilant [ par TwX62 ] voila donc je suis en stage et je dois faire un site.Sur chaque page de ce site apparaît une boîte de news avec un texte qui défileEt donc je voudrais desactiver le bouton precedent de la page windows/gerer une zone de text [ par Medgueye ] Bonjour à tous1ère question:Je demande si quelqu'un sait comment désactiver le bouton précedent dans une page web.J'ai une application développée avec javascript : champ transcrit par un bouton [ par daporoty ] Bonjour à tous,Je débute totalement en javascript et je n'ai trouvé aucune explication spécifique sur google pour réaliser : une page avec des champs Mon site en page d'accueil sur netscape [ par Ankaa1988 ] Bonjour à tous, j'ai un petit probleme je souhaiterais mettre mon sit en page d'accueil avec un bouton. Alors apres quelques recherches j'ai trouvé ce Refresh Iframe depuis un popup [ par yanis7518 ] salut a tousj'ai une page principale avec une iframe et un bouton.lorsque je click sur le bouton j'ouvre un popup pour y entrer des données. Lorsque j Chargement page html [ par Orange73 ] Bonjour,J'ai un index.html où on choisit la langue du site.Dès qu'on clic sur celle voulu une popup apparait en fullscreen chargeant un site full flas iframe [ par benoitmtl ] Bonjour, Voici mon problème. J'ai une page sur mon site A qui contient un petit code JavaScript. Sur mon site B (pas sur le même serveur


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (32 Go)
Entre 1290€ et 1333€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,076 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)