Bouton HTML

[professeur felyne]

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

[Dr. Sam]

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">

[professeur felyne]

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

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

[Dr. Sam]

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 ?

[professeur felyne]

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

HORS POST :
Il fonctionne à merveille

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

[Manumanu]

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 }

[Dr. Sam]

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é ?

[Manumanu]

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.

[Dr. Sam]

Ha d'accord, merci beaucoup !

[professeur felyne]

Bon tant pis ça ne marche pas non plus.
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

[Manumanu]

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

[Dr. Sam]

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>

[Manumanu]

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 ?

[professeur felyne]

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

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.

[Manumanu]

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.