Fork me on GitHub




(1) 2 »


Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Hello,
concernant le formulaire recherche (form search) du site frxoops.org,

je trouve très interressant que s'affiche "Saisissez vos mots clé" (ça je dois savoir faire ^^) mais que cela disparaisse des qu'on place la souris dans le formulaire et que le texte ré-apparaisse quand on en ressort !

Oh toi, grand tatane 1er, et grand maître CSS 7ième Dan, peux-tu éclairer ma lanterne sur cette fonctionnalité tout à fait plaisante ?

Merciiiiiii !

Posté le : 17/01/2013 09:54

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
Cette fonctionnalité ne marche qu'en HTML5

c'est 'placeholder'

exemple :
<input type="text" placeholder="Entrez un pseudo">


Sinon dans les autres versions de HTML et XHTML
<input type="text" onfocus="javascript: this.value=''" onblur="this.value='Entrez un pseudo'" value="Entrez un pseudo">

Posté le : 17/01/2013 10:40
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Citation :
montuy337513 a écrit :
Cette fonctionnalité ne marche qu'en HTML5
Tu veux dire que cela dépend du navigateur utilisé ?
Soit il est compatible HTML 5 soit pas ?
C'est bien ça ?

Posté le : 17/01/2013 10:46

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
Cela dépend du thème, si le doctype du thème est celui de HTML5, tu peux utiliser l'attribut 'placeholder'.
Ensuite les navigateurs récents le reconnaissent tous, pour les anciens tu doit utiliser la seconde technique indiquée ci-dessus.
Tu peux par exemple utiliser deux thèmes différents un en HTML5 pour les navigateurs récents, un autre pour les navigateurs anciens. C'est du travail mais 100% compatible avec en plus pour les heureux propriétaires d'un navigateur récent, la joie de consulter un site en HTML5/CSS3 (quand même beaucoup plus puissant)

Je précise que le générateur de formulaire de Xoops ne supporte pas cet attribut.

Posté le : 17/01/2013 11:00
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Intéressant tout ça...

Si je te suis, - je collationne tes propos -,
avec un fichier theme.html,
on lance un test "smarty" pour tester la version du navigateur et on oriente vers theme-v4.html ou theme-v5.html ?

Ensuite, compatible HTML5 ça veut dire quoi ?

Je sens que je vais avoir de la lecture...
Déjà que j'ai un mal de chien avec les DIV et le Css...
Tsssssssss...

PS "Je précise que le générateur de formulaire de Xoops ne supporte pas cet attribut."
Le "form search", c'est bon ?
Pas bien compris ton propos, là !
Alain01, un néophyte !

Posté le : 17/01/2013 11:09

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
Citation :

on lance un test "smarty" pour tester la version du navigateur et on oriente vers theme-v4.html ou theme-v5.html ?

Sur le principe indiqué dans ce sujet. A la place de la détection mobile, on effectue une détection de navigateur. Et effectivement on aura :
- themeV4
- themeV5


Citation :

Ensuite, compatible HTML5 ça veut dire quoi ?


Sa veux dire que le thème est écrit en HTML5, en "HTTP" il y a plusieurs normes, le HTML5 en est une. Pour les déclarations et les différences voir ici
Un thème en HTML5 a bien des avantages notamment :
- Facilement lisible avec les appareils nomades
- Le HTML5 et CSS3 permet de faire un site très moderne
- Possibilité que le site soit prêt pour les futurs mode de référencement (Sémantique) des moteurs de recherche, c'est pour très bientôt (tenu à la discrétion mais je dirais dans l'année). Mais là, sur Xoops, il faut même ré-écrire les blocks.

Citation :

Je sens que je vais avoir de la lecture...
Déjà que j'ai un mal de chien avec les DIV et le Css...

Alors là t'es mal, vu la somme de connaissances a avaler notamment sur les MediaQuery (Tatane a été conquis)


Citation :

PS "Je précise que le générateur de formulaire de Xoops ne supporte pas cet attribut."
Le "form search", c'est bon ?
Pas bien compris ton propos, là !

Les class formulaire de Xoops ne sont pas prévu pour supporter le HTML5. Mais rien ne t'empêche de coder ton formulaire en dure. En général, le search présent sur le thème est un formulaire en dur.

Posté le : 17/01/2013 11:28
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
waouuu, c'est un beau challenge, çà !!!

http://www.siteduzero.com/informatiqu ... te-web-avec-html5-et-css3

Pour les micros données :
http://www.html5-css3.fr/html5/microf ... -microdata-html5#more-633
J'adore, pour mes fiches cuisine et cinéma...

Exemple : http://support.google.com/webmasters/ ... wer.py?hl=fr&answer=99170

INdex : http://schema.org/docs/full.html

J'addddddooooooreeee lol !

Je commence à comprendre le principe, mais pfffff, il faut s'y mettre !



Concernant les media query : http://www.alsacreations.com/article/ ... 0-css3-media-queries.html

Posté le : 17/01/2013 11:43

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Xoops accro
Inscrit: 27/07/2005 16:10
De France
Messages: 2970
Citation :
montuy337513 a écrit :

Alors là t'es mal, vu la somme de connaissances a avaler notamment sur les MediaQuery (Tatane a été conquis)


Ca tombe bien,Je viens de mettre en ligne aujourd'hui un thème le 100 % compatible HTML 5 est également avec les MediaQuery. Le thème est visible et téléchargeable ici

Posté le : 17/01/2013 12:23
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Citation :
montuy337513 a écrit :
Citation :

on lance un test "smarty" pour tester la version du navigateur et on oriente vers theme-v4.html ou theme-v5.html ?

Sur le principe indiqué dans ce sujet. A la place de la détection mobile, on effectue une détection de navigateur. Et effectivement on aura :
- themeV4
- themeV5
Erreur de lien... STP

Posté le : 17/01/2013 15:10

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Form "search" avec texte contextuel
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837

Posté le : 17/01/2013 15:13
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

41 Personne(s) en ligne (37 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 41 | Plus ...