Css et input type='text'

flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011 - 14 mars 2011 à 17:23
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011 -
Bonjour,

J'essai vainement de résoudre le probléme suivant sans grand succet :( le probléme est le suivant :
Je voudrais inclure une balise <div class='Madiv'></div> avec du css dans un champ
<input type='text' name='Monchamp' value='<div class='Madiv'></div>' />
Mais je n'arrive pas a afficher le css de la div, je sais qu'il y a possibilité de le faire mais je ne me rappel plus le nom de la technique.

Si quelqu'un pouvais m'aider je vous en serez reconnaissant.

Merci d'avance.

Flareski1.
A voir également:

16 réponses

Bertrand40 Messages postés 1196 Date d'inscription vendredi 27 mars 2009 Statut Membre Dernière intervention 27 février 2023 194
14 mars 2011 à 17:34
Bonjour,

Qu'est ce que tu souhaites faire exactement ? Utiliser la css pour habiller ton input ?

0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
14 mars 2011 à 17:42
Je pense que je n'ai pas été assez clair, je voudrais placer une div a l'intérieur du champ et avec le css modifier la div qui est dans le value du champs.
Par exemple, je voudrais faire le code suivant :

.Madiv
{
border: 1px solid black;
background-color: red;
width: 50px;
}

Et afficher cette div dans le champ :

<input type="text" name="Div" value="<div class='Madiv'>aa</div>" />

Je sais qu'il faut passer par une astuce mais je ne me rappel plus.
0
Placer une div dans un champ texte ? Oo

Je crois que tu n'as toujours pas été assez clair....

Ce que je comprends:

Tu veux que les attributs CSS de ta div s'affichent dans un champ texte, et que quand tu l'édite ça mette à jour ta div.

C'est ça ? Ou j'ai vraiment rien compris ? xD
0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
14 mars 2011 à 18:27
Tu as bien compris, je veux que ma div s'affiche dans mon champ text avec les modications css qui lui sont appliqué.

Actuellement quan j'execute ce code sa m'affiche sa dans mon champ text

<div class='Madiv'>Florian</div> c'est un text brut qui s'affiche tu va me dire c'est normal c'est un zone text ^^.

Moi ce que je voudrais c'est que sa affiche Florian avec un fond rouge une bordure de 1px noir et tout sa dans mon champ text.

C'est pas facile a expliquer :(
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Pour le champ rouge....

<html>
	<head>
		<style type="text/css">
			input{border:#333 double 5px; background-color:#f00; color:#000; font-weight:bolder}
		</style>
	</head>
	<body>
		<input type="text" value="Florian !"/>
	</body>
</html>



Pour le reste j'ai toujours rien compris avec ta div xD
0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
14 mars 2011 à 18:58
Wai mais la tu n'utilise pas ma div je veux utiliser ma div a l'interieur du champ

<input type='text' name='Nom' value='<div class='Madiv'>Florian</div>' />
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
14 mars 2011 à 19:12
Mais.... mais... tu peux pas faire ça ! xD

En finalité, quel est le but recherché ???

c'est visuel, fonctionnel ???

Y a surement un moyen standard de faire ce que tu souhaites....

Je comprend pas.
0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
14 mars 2011 à 19:24
C'est un effet visuel qui est rechercher, je voudrais avoir à peut prés le même rendu que sur la section envoi message "Destinataire" de la messagerie messenger, une fois que l'on a selectionné un destinataire dans son groupe d'amis.

C'est purement visuel ce que je recherche .
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
14 mars 2011 à 19:36
tu as un screenshot ? J'utilise pas msn....

Mais y a moyen de le faire beaucoup plus proprement ;)

Montre moi ce que tu veux et j'te le fais :p
0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
14 mars 2011 à 20:54
J'ai mis le sceenshot en ligne, je voudrais avoir le meme rendu que que dans la zone text à coté du bouton "a:" en haut de l'image.
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
14 mars 2011 à 20:57
Un lien serait le bienvenu xD

Je re dans ~1h si jamais ;)
0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
14 mars 2011 à 21:02
Oups petit oubli qui a son importance ^^

Le lien : http://www.hostingpics.net/viewer.php?id=736020presentation.gif
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
14 mars 2011 à 23:38
Je vois ce que tu veux faire. Il est taaard, je te fais ca demain matin, promis ;)

Bonne nuit
0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
15 mars 2011 à 16:10
Merci beaucoup j'attend avec impatience.

Merci encore.
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
15 mars 2011 à 16:14
Re !

J'ai regardé chez eux comment ils faisaient.

Ils utilisent des Div et une bonne dose de javascript, mais pas de input =)

Donc tu veux que des "blocks" se créent à l'intérieur de ton "input" et que tu puisse continuer l'édition juste derrnère ?

A quel moment les blocks se créent-ils ?
0
flareski1 Messages postés 26 Date d'inscription lundi 31 janvier 2011 Statut Membre Dernière intervention 18 décembre 2011
15 mars 2011 à 16:25
Une fois le contact selectionner dans la liste deroulante.
0