Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

(ok) mettre un bouton à la place d'un texte

shyguy

Par shyguy
dans Internet & Réseaux

 Partager

Messages recommandés

shyguy Godlike Member

shyguy

Posté(e)
Posté(e)

Hello,

 

ce que je désire faire est simple (à expliquer! ) :P

voir ici:

http://louishumour.free.fr/princi2/princi2.htm

 

Je désire que le joli BOUTON tout en haut "Plein écran" puisse avoir les même fonctions que le TEXTE "mettre la page en plein écran"

 

je suppose qu'en regardant le "afficher la source" vous aurez une idée du problème.

 

Merci par avance.

 

(o;

tangui Godlike Member

tangui

Posté(e)
Posté(e)

ca doit pouvoir se faire en javascript... mais avec des images en gif...

shyguy Godlike Member

shyguy

Posté(e)
  • Auteur
Posté(e)

Tu peux me concoqueter un petit exemple applicable à mon soucis Tangui ??

 

(o;

Funky-Fresh Full Patch Member

Funky-Fresh

Posté(e)
Posté(e) (modifié)

Tiens shyguy:

 

à mettre dans les balises <HEAD>

 

<script language="JavaScript">
<!-- Début script
var nav=navigator.appName;
var Ver=parseInt(navigator.appVersion);
if (((nav == "Netscape") && (Ver >= 3)) || ((nav == "Microsoft Internet Explorer") && (Ver > 3))) {
<!-- Préchargement des images  -->
bouton1 = new Image();
bouton2 = new Image();
bouton1.src = "URL DE TON IMAGE 1";
bouton2.src ="URL  DE TON IMAGE 2";	
}
function move_img(img_name,img_url) {
if (((nav == "Netscape") && (Ver >= 3)) || ((nav == "Microsoft Internet Explorer") && (Ver > 3))) {document.images[img_name].src=eval(img_url+".src");}	
}
// Fin script -->
</SCRIPT>

 

ça teste la version du navigateur, précharge les images et définit la fonction à utiliser.

 

puis dans ta page dans les balises <BODY>

 

<A HREF="#" onclick="window.open('index.htm','','fullscreen');return(false)" onmouseover="move_img('test1','bouton2')" onmouseout="move_img('test1','bouton1')">
<img src="URL DE L'IMAGE 1" width=150 height=75 BORDER=0 name="test1"></A>

 

Un petit exemple ici!

 

J'espère que ça t'aidera,

@+ :P

Modifié par Funky-Fresh
shyguy Godlike Member

shyguy

Posté(e)
  • Auteur
Posté(e)

Merci Funky-Fresh

 

qui si tu vas voir sur l'url http://louishumour.free.fr/princi2/princi2.htm

j'ai tenté d'appliquer ton exemple.

MAIS:

_ à l'ouverture de la page, le bouton ne s'affiche pô.

_ mes boutons sont "déformés" par rapport à leur taille originale. :P

 

Merci de regarder mon code source et de me dire ce que je dois modifier.

 

(o;

Funky-Fresh Full Patch Member

Funky-Fresh

Posté(e)
Posté(e) (modifié)

Tu dois modifier

 

<A HREF="#" onclick="window.open('index.htm','','fullscreen');return(false)" onmouseover="move_img('test1','bouton2')" onmouseout="move_img('test1','bouton1')"><img src="shell01/image1.gif" width=150 height=75 BORDER=0 name="test1"></A>

 

à la place de

 

<img src="shell01/image1.gif" width=150 height=75 BORDER=0 name="test1">

 

tu dois mettre:

 

<img src="g-ecran1.gif" width=???  height=??? BORDER=0 name="test1">

 

avec à la place des ??? les vraies dimensions de ton image parce que là à l'ouverture de la page , tu appelles la 1ère image de mon exemple sur ma page testavec ses propres dimensions ce qui explique qu'elle n'apparait pas et que tes images soient ensuites déformées.

Modifié par Funky-Fresh
shyguy Godlike Member

shyguy

Posté(e)
  • Auteur
Posté(e)

Bon j'ai reussi a mettres les bouton OK, mais j'ai plus l'affichage de ma page en grand quand je clique dessus! (j'avais trouvé avant de voir ton explication en faite :-P )

 

Peux-tu voir où est mon erreur...

 

(désolé de merdouiller comme cela :-P ).

____________________________________

Edit :

 

Ca marche ! :P

 

Merci à tous ! :-( ( et surtout à Funky-Fresh :-P ).

Funky-Fresh Full Patch Member

Funky-Fresh

Posté(e)
Posté(e)

Toujours dans le lien:

<A HREF="#" onclick="window.open('index.htm','','fullscreen');return(false)" onmouseover="move_img('test1','bouton2')" onmouseout="move_img('test1','bouton1')"><img src="g-ecran1.gif" width=81 height=50 BORDER=0 name="test1"></A>

à la place de 

onclick="window.open('index.htm','','fullscreen');return(false)"

mets plutôt l'URL complète de la page "index.htm":

onclick="window.open('http://louishumour.free.fr/index.htm','','fullscreen');return(false)"

parce que je crois qu'il faut remonter d'un niveau, ta page "index" est dans le repertoire principal du site.

 

Bon là ça devrait être bon :P

Rejoindre la conversation

Vous publiez en tant qu’invité. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...