Écrire Une Réponse

mistic100: 2012-09-13 18:04:59

hmm oui, ça on le sait

donc si il n'y a pas de texte pas la peine d'avoir un label :)

ps: cette syntaxe existe aussi (et est même conseillée)

Code:

<label for="author">Auteur :</label>
<input id="author" type="text" value="" name="author">

Esperanza: 2012-09-13 18:00:13

Bonjour,

pour une question d'accessibilité, généralement on conseille de mettre les inputs à l'intérieur de la balise <label>.

Ainsi, si la personne clique sur le label, le curseur sera automatiquement dans le champs.
Ca ne sert à rien, mais c'est plus agréable pour le visiteur.

flop25: 2012-09-11 11:45:31

Gotcha a écrit:
(#68)

petit joueur ;)

Gotcha: 2012-09-11 11:39:08

Ok merci Mistic. Le code et moi...
Je rajoute ça dans ma liste ! (#68)

mistic100: 2012-09-11 11:26:32

voila ce que je ferais pour tout le formulaire:

Code:

<form id="addComment" class="filter" action="picture.php?/7931/category/566" method="post">
  <fieldset>
    <legend>Ajouter un commentaire</legend>
    
    <p><textarea name="content" id="contentid" rows="5" cols="62" onFocus="if(this.value==\'Votre commentaire ici. Merci\')this.value=\'\'">Votre commentaire ici. Merci{$comment_add.CONTENT}>/textarea></p>
    
    <p id="commentateur">
      <label for="author">Auteur :</label>
      <input id="author" type="text" value="" name="author">
      <input id="validation" type="submit" value="Valider votre commentaire">
    </p>
  </fieldset>
</form>

1) communément on met <legend> au début, c'est pas obligatoire mais c'est plus clair
2) le <label> du textarea ne sert pas
3) tu avais deux <label> imbriqués (#commentateur et celui de l'auteur en dessous)

(faut remettre es variables smarty bien entendu :) )

Gotcha: 2012-09-11 11:05:32

J'ai ça :

Code:

<fieldset>
  <label><textarea name="content" id="contentid" rows="5" cols="62" onFocus="if(this.value==\'Votre commentaire ici. Merci\')this.value=\'\'">Votre commentaire ici. Merci{$comment_add.CONTENT}</textarea></label>
  <legend>{\'Add a comment\'|@translate}</legend>

...

Ce n'est pas bien ?

mistic100: 2012-09-11 11:00:49

ici le label ne sert à rien (il n'englobe pas de texte associé au champs) si tu ne l'utilise pas comme element structurant (ça serait mal !) tu peux l'enlever et mettre un p à la place

Gotcha: 2012-09-11 10:55:06

Forcément, moi j'ai :

Code:

<label><textarea name="content" id="contentid" rows="5" cols="62" onFocus="if(this.value==\'Votre commentaire ici. Merci\')this.value=\'\'">Votre commentaire ici. Merci{$comment_add.CONTENT}</textarea></label>

C'est donc la balise de fermeture du paragraphe qui gène...

mistic100: 2012-09-11 10:47:08

Code:

$search = '{$comment_add.CONTENT}</textarea></p>';

Gotcha: 2012-09-11 10:45:06

Je sais, mon thème est l'un des plus chargés qui soit sous Piwigo... c'est mon choix. Je trouve que ça va bien avec mes HDR.

J'ai en effet réécrit une bonne partie du template, je vais voir sur quoi tu t'appuie. Merci.

mistic100: 2012-09-11 10:26:51

normalement il y a deux zones
http://www.strangeplanet.fr/piwigo/pict … category/3

celle qui s'affiche chez toi est la "standalone" et il y en a une autre dans le formulaire d'ajout de commentaire
vérifies ton template, mes préfiltres sont souples mais il y a des limites :)

et je pourrais ajouter une option pour désactiver le bloc standalone

(j'accroche pas du tout à ton thème mais les HDR sont classes !)

Gotcha: 2012-09-11 10:16:27

Bonjour Mistic100,

Comment faire pour la zone de "Subscribe to comments" soit placé dans le cadre de saisie du nouveau commentaire plutôt que tout en haut (mal placé) ?
Exemple : http://www.julien-moreau.fr/galerie/pic … tegory/566

Merci

Piwigo.org

Annonce