Bouton "Fermer"
Baboune
-
Baboune211 Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
Baboune211 Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Le bouton "basique" ne me plait pas !
<input type=button value="Fermer cette fenêtre" onClick=window.close() name=button>
Je voudrai donc remplacer ce bouton par une image (facile) avec la fonction "Fermer la fenêtre" , c'est là que ça se complique ?
Ex :
<p align="center"><img src="Fermer.png" width="218" height="40"></p>
Je précise que le "alt" ne fonctionne pas dans chrome, je le remplace par "title" ...
Merci pour la soluce.
Cordialement.
Le bouton "basique" ne me plait pas !
<input type=button value="Fermer cette fenêtre" onClick=window.close() name=button>
Je voudrai donc remplacer ce bouton par une image (facile) avec la fonction "Fermer la fenêtre" , c'est là que ça se complique ?
Ex :
<p align="center"><img src="Fermer.png" width="218" height="40"></p>
Je précise que le "alt" ne fonctionne pas dans chrome, je le remplace par "title" ...
Merci pour la soluce.
Cordialement.
Configuration: Windows / Chrome 80.0.3987.132
A voir également:
- Bouton close
- Bouton reinitialisation pc - Guide
- Diagnostic bouton photo - Accueil - Outils
- Bouton home clavier ✓ - Forum PC portable
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
- Symbole arrêt marche - Forum Word
2 réponses
Bonjour,
Et en quoi cela se complique t'il ?
As tu pensé à mettre le onclick sur ton image ?
Sans cela, ça ne marchera pas.
Et en quoi cela se complique t'il ?
As tu pensé à mettre le onclick sur ton image ?
Sans cela, ça ne marchera pas.
Salut,
euh vous avez une question?
Pour vous aider et savoir ce que vous voulez ça aiderait...
En tout cas si vous remplacez un input(et non un bouton qui est une autre balise par un texte(contenant une image) ça ne fera pas la même chose.
D'ailleurs c'est une idée étrange (et surtout fausse) d'utiliser un input mais pas en tant qu'input(qui est un élément de formulaire afin de transmettre une information).
Vous pouvez faire comme ceci:
https://forums.commentcamarche.net/forum/affich-32492757-creer-un-bouton-avec-une-image-en-html
sans oublier de reporter le JavaScript dans le lien suivant comme expliqué ici(voir la 3ème réponse car la deuxième est en JQuery et que rien n'indique ou ne nécessite que vous intégriez cette bibliothèque)
https://stackoverflow.com/questions/1070760/javascript-function-in-href-vs-onclick
Ou alors carrément(allons soyons fous utilisons ce qu'il faut quand il faut) en utilisant un bouton pour avoir un .. bouton.
"Je précise que le "alt" ne fonctionne pas dans chrome, je le remplace par "title" ... "
Vous faites donc erreur... alt est la description de l'image et n'est pas censé marcher ou faire quoi que ce soit à part décrire l'image: c'est même un attribut obligatoire qui doit être rempli(à des fins de référencement et d'accessibilité) d'une image. L'omettre est une faute(pire que d'utiliser un input n'importe comment même si c'est déjà franchement mauvais ça).
Quant à l'attribut title il n'a rien à voir avec alt puisque il permet (Tadam roulement de tambour...) d'indiquer d'autres informations à propos d'un élément: un "titre". Il peut apparaître en tant qu'infobulle assez souvent dans les navigateurs mais ce n'est pas une règle ou norme et pas la bonne façon de faire une infobulle.
Toutes les infos ici:
https://www.alsacreations.com/astuce/lire/1-comment-personnaliser-une-infobulle.html
Donc à faire en CSS(ou JavaScript) mais bien sûr si vous avez les notions de base du HTML qu'il me semble vous font grandement défaut.
CSS aussi vous en avez grandement besoin parce qu'en HTML5(et même depuis plus de 15 ans) ceci ne doit pas s'écrire:
regardez la ligne en rouge sous Compatibility Notes:
https://www.w3schools.com/tags/att_p_align.asp
voir ici la bonne façon:
https://www.w3schools.com/cssref/pr_text_text-align.ASP
euh vous avez une question?
Pour vous aider et savoir ce que vous voulez ça aiderait...
En tout cas si vous remplacez un input(et non un bouton qui est une autre balise par un texte(contenant une image) ça ne fera pas la même chose.
D'ailleurs c'est une idée étrange (et surtout fausse) d'utiliser un input mais pas en tant qu'input(qui est un élément de formulaire afin de transmettre une information).
Vous pouvez faire comme ceci:
https://forums.commentcamarche.net/forum/affich-32492757-creer-un-bouton-avec-une-image-en-html
sans oublier de reporter le JavaScript dans le lien suivant comme expliqué ici(voir la 3ème réponse car la deuxième est en JQuery et que rien n'indique ou ne nécessite que vous intégriez cette bibliothèque)
https://stackoverflow.com/questions/1070760/javascript-function-in-href-vs-onclick
Ou alors carrément(allons soyons fous utilisons ce qu'il faut quand il faut) en utilisant un bouton pour avoir un .. bouton.
<button type=button onclick="window.close()" name="bouton"> <img src="monimage.png" alt="description image obligatoire ici" /> </button>
"Je précise que le "alt" ne fonctionne pas dans chrome, je le remplace par "title" ... "
Vous faites donc erreur... alt est la description de l'image et n'est pas censé marcher ou faire quoi que ce soit à part décrire l'image: c'est même un attribut obligatoire qui doit être rempli(à des fins de référencement et d'accessibilité) d'une image. L'omettre est une faute(pire que d'utiliser un input n'importe comment même si c'est déjà franchement mauvais ça).
Quant à l'attribut title il n'a rien à voir avec alt puisque il permet (Tadam roulement de tambour...) d'indiquer d'autres informations à propos d'un élément: un "titre". Il peut apparaître en tant qu'infobulle assez souvent dans les navigateurs mais ce n'est pas une règle ou norme et pas la bonne façon de faire une infobulle.
Toutes les infos ici:
https://www.alsacreations.com/astuce/lire/1-comment-personnaliser-une-infobulle.html
Donc à faire en CSS(ou JavaScript) mais bien sûr si vous avez les notions de base du HTML qu'il me semble vous font grandement défaut.
CSS aussi vous en avez grandement besoin parce qu'en HTML5(et même depuis plus de 15 ans) ceci ne doit pas s'écrire:
<p align="center">
regardez la ligne en rouge sous Compatibility Notes:
https://www.w3schools.com/tags/att_p_align.asp
voir ici la bonne façon:
https://www.w3schools.com/cssref/pr_text_text-align.ASP