 |
 |
 |
 |
|
 |
 |
 |
  Home Page Tous les scripts Proposer un script Recherche de script AJAX new! Cours de JavaScript Liste de discussion Forums CountUs myCircle Referencement Créat. de bannière HTML / CSS PHP / MySQL Réferencement Graph / Présentation Toutes les astuces Ajouter un article
 
Hebergement web Referencement Sites webmasters XHTML - CSS2 PHP Affiliation - Pub FAI Annuaire webmaster Kits graphiques Création logo Comparateur de prix Foire aux questions Les membres Devenir annonceur Faire un lien Contact Hebergement gratuit Le PHP facile Horoscope Comscripts WebmasterClub Activeartanima... Le village de ... Faro-dessing L'écriteau Gifs animés, f... Easy-script.com Netsources Créer son site... Création de site K i s s design Les autres Votre site ici
? |
Article posté par : deoxys Date de mise en ligne : 15-03-2006 Niveau : Assez facile >> Ajouter un article  Tansformer un champ de texte en un texte
De quoi ?
Beaucoup de personnes utilisent des input type text/textarea pour utiliser des scripts javascripts, y mettre des textes défilants, y mettre l'heure... Cependant parfois on voudrait supprimer ce cadre type formulaire sans devoir refaire le script. C'est extrêmement simple en utilisant CSS ! Exemple
Nous prenons une page à laquelle nous mettons une couleur de fond spécifique. Nous y mettons un input simple. Voici le résultat obtenu. Code :
<input type="text" size="20" value="Sans style">
A l'affichage, on obtient un banal champ de texte au fond blanc et avec une bordure spéciale. Exemple : Maintenant, on utilise deux coups de CSS. Code :
<input type="text" size="80" value="Avec style" style="border-width : 0px; background-color: transparent;">
On a mis la largeur de la bordure à zéro, on a mis transparent en couleur de fond. Le résultat est un texte normal. Résultat : Remarque 1 : Cela s'applique aussi aux textarea !
Remarque 2 : Il s'agit toujours d'un champ de formulaire, cependant il n'y a plus que le texte. Le visiteur peut toujours séléctionner ce texte et le supprimer. Annotations des visiteurs :
>> Poster une annotation sur cette astuce
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
De 
 |
 |
 |
La mini-astuce "Navigateur" du jour par leBoss Sous Firefox, vous pouvez définir plusieurs pages de démarrages dans les options en utilisant le séparateur |. Elles s'ouvriront toutes dans un onglet différent. Proposer votre mini-astuce | Archives des mini-astuces |
 |
 |
 |
 |
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 12/10/2008 14:16:45 | Design by Studcrea | Gen. en 0.294 sec.
|
 |