Bouton HTML

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bouton HTML

Message par professeur felyne Ven 6 Juil 2012 - 18:31

Bonjour,

Sur plusieurs post j'ai utilisé ce code HTML pour créer un bouton de téléchargement par exemple :
Code:
<a Href="LIEN URL" target="_blank"><input type="button" value="CE QUI EST ECRIS SUR LE BOUTON"></a>
Voici une page sur laquelle j'ai mis ce bouton : http://professeurfelyne.forumgratuit.org/t556-divinewh#1909

Malgré que j'ai autorisé le HTML sur le forum (via PA / Général / Messages et Email / configuration / Autoriser le HTML "oui" ), certains membres se plaignent de voir le code tel quel au lieu de voir un bouton alors que d'autres voient le bouton comme il faut.

Cela vient de membres désactivant sur leur profil la gestion du HTML ou du navigateur web?
Si cela viens du navigateur, auriez vous un autre code compatible pour tous les navigateurs?

Je suis en PHBB2, sous chrome et administrateur du forum en question

En attente de votre réponse
Cordialement
PF


Dernière édition par professeur felyne le Sam 7 Juil 2012 - 20:32, édité 5 fois
professeur felyne

professeur felyne
***

Masculin
Messages : 133
Inscrit(e) le : 29/11/2011

http://monsterhunterfrance.forumactif.com/
professeur felyne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Dr. Sam Sam 7 Juil 2012 - 0:19

Bonjour,

Remplacez le code de votre bouton par celui-ci:
Code:
<input type="button" value="CE QUI EST ECRIS SUR LE BOUTON" onclick="self.location.href='http://www.VOTRE LIEN.com'" style="background-color:#F0F0F0">
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par professeur felyne Sam 7 Juil 2012 - 16:29

Merci beaucoup je vais le tester.
Je mettrais résolu s'il fonctionne Wink

EDIT : Dsl mais votre code marche très bien "hors topic" mais pas du tout dans un post :no
professeur felyne

professeur felyne
***

Masculin
Messages : 133
Inscrit(e) le : 29/11/2011

http://monsterhunterfrance.forumactif.com/
professeur felyne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Dr. Sam Sam 7 Juil 2012 - 18:50

Bonjour,

Votre code code code à la base fonctionne pour vous. Mais c'est un code mal formé que plusieurs navigateurs prendrons pas...

C'est pour cela que je vous ai donner ce code... Maintenant que voulez dire quand il n'apparait pas dans un post ?

Vous mettez le code dans le post et celui-ci n'apparait pas ?
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par professeur felyne Sam 7 Juil 2012 - 19:31

Oups vraiment navré, j'aurais du préciser Confused

HORS POST :
Il fonctionne à merveille Smile

DANS UN POST :
Il apparaît bien mais quand on clic dessus aucune redirection n'est effectué :no
professeur felyne

professeur felyne
***

Masculin
Messages : 133
Inscrit(e) le : 29/11/2011

http://monsterhunterfrance.forumactif.com/
professeur felyne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Manumanu Sam 7 Juil 2012 - 19:44

C'est pour éviter les failles de sécurité (déjà qu'autoriser le html dans les posts c'est pas la joie...). De toute façon, un élément input ou autre élément de formulaire ne doit pas se trouver en dehors d'une balise form.

Fais plutôt un lien normal, que tu stylises en CSS. Par exemple :

Code:
<a href="tonUrl" title="Titre du lien" class="lienbtn">Cliquez ici</a>

Et dans ton CSS :
Code:
.lienbtn { display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #888; color: #888; background: #eee }
Manumanu

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Dr. Sam Sam 7 Juil 2012 - 20:00

Oui c'est justement ce que j'allais faire le mettre dans une balise form.

Manu est-ce que dans une balise forum dans un post cela aurais fonctionné ?
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Manumanu Sam 7 Juil 2012 - 20:01

Je ne suis pas sûr. La méthode que j'ai proposé reste la meilleure et la plus fonctionnelle à mon sens, attendu que quelqu'un avec JS désactivé ne pourra pas cliquer sur ton bouton, par exemple.
Manumanu

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Dr. Sam Sam 7 Juil 2012 - 20:03

Ha d'accord, merci beaucoup Very Happy!
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par professeur felyne Sam 7 Juil 2012 - 20:25

Bon tant pis ça ne marche pas non plus. Sad
Là, la redirection se fait mais le CSS ne remodelise pas en tableau

Je vais utiliser une solution intermédiaire même si ça risque de ralentir le chargement de la page :
Code:
[url=lien][img]Lien image[/img][/url]
Code:
<a href="lien"><img src="lien image"></a>

Merci tout de même Smile
professeur felyne

professeur felyne
***

Masculin
Messages : 133
Inscrit(e) le : 29/11/2011

http://monsterhunterfrance.forumactif.com/
professeur felyne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Manumanu Sam 7 Juil 2012 - 20:43

Comment ça, ne se modélise pas en tableau ? Qu'est-ce que tu veux dire par là ?
Manumanu

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Dr. Sam Sam 7 Juil 2012 - 21:31

Professeur prend le code que je t'ai donné et met le entre c'est balise:
Code:
<form>LE CODE QUE JE T'AI DONNÉ</form>
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Manumanu Sam 7 Juil 2012 - 21:46

Il faut aussi préciser un fichier d'action et une méthode, qui ne seront pas appelés... Bref, ça ne marche pas comme ça.

Donc, c'est quoi l'histoire du lien pas modélisé en tableau ?
Manumanu

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par professeur felyne Sam 7 Juil 2012 - 22:39

Mr. Docteur a écrit:
Code:
<form><input type="button" value="CE QUI EST ECRIS SUR LE BOUTON" onclick="self.location.href='http://www.VOTRE LIEN.com'" style="background-color:#F0F0F0"></form>
ça ne marche pas non plus dsl :no

Manumanu a écrit:Il faut aussi préciser un fichier d'action et une méthode, qui ne seront pas appelés... Bref, ça ne marche pas comme ça.

Donc, c'est quoi l'histoire du lien pas modélisé en tableau ?
Simplement que ça apparaît comme si je n'avais pas mis de CSS.
professeur felyne

professeur felyne
***

Masculin
Messages : 133
Inscrit(e) le : 29/11/2011

http://monsterhunterfrance.forumactif.com/
professeur felyne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton HTML

Message par Manumanu Sam 7 Juil 2012 - 23:01

Tu peux me mettre un lien vers une page où il y a ce lien dans un post, pour voir ? Ce doit être juste une surcharge CSS.
Manumanu

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum