Bouton "Fermer"

Signaler
-
Baboune211
Messages postés
3
Date d'inscription
mercredi 18 mars 2020
Statut
Membre
Dernière intervention
18 mars 2020
-
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.



Configuration: Windows / Chrome 80.0.3987.132

2 réponses

Messages postés
28012
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
3 avril 2020
2 231
Bonjour,
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://www.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
Baboune211
Messages postés
3
Date d'inscription
mercredi 18 mars 2020
Statut
Membre
Dernière intervention
18 mars 2020

Merci, voici ce que j'ai fais :
<p align="center"><button type=button onclick="window.close()" name="bouton" title= " Fermer la fenêtre "><img src="../Fermer.png"></button></p></center>

Le "alt" n'y est pas et ça ne gène pas, par contre le "title" donne une infobulle.

Merci encore ...
Baboune211