Discussion :

[azahiri]

Bonjour,

J'ai un problème de champ de text autocomplete "Ajax", je n'arrive pas à définir sa taille malgré plusieur tentatives et plusieurs astuces.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  <div class="input" >
					<label>Libellé*</label>
					<?php e($ajax->autoComplete(
                                                'Defaut.libelle_defaut',
                                                '/defauts/autocomplete',
                                                array(
                                                        'minChars' => 2,
                                                        'indicator' => 'ajaxloader'
                                                )
                                        ), array('cols'=>35, 'rows'=>6)); ?> 
					<div id="ajaxloader" style="display:none;">
						Chargement...
					</div>
				</div>

le cols et rows ne marchent pas !! size ne marche pas non plus!
Une idée svp ?

[Baldy]

Si c'est modifier la largeur d'un champ input, la propriété CSS correspondante c'est width.

[azahiri]

j'ai déjà essayé le width, mais ça ne marche pas !! je l'ai essayé sous cette forme,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="input" style="width:250px;">

[Baldy]

j'ai déjà essayé le width, mais ça ne marche pas !! je l'ai essayé sous cette forme,

<div class="input" style="width:250px;">

C'est la largeur de ton champ de formulaire que tu veux modifier? ou celle de ton DIV?
Si c'est le champ de formulaire ça ressemble à :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" id="champ" width="250px" />

[azahiri]

çane marche pas, quand je rajoute ce que tu m'a montré, ça m'affiche deux champs de texts.

[Baldy]

Mon code c'était juste pour te montrer la syntaxe, le width tu dois l'ajouter comme attribut à l'endroit ou tu créer ton champ input, et non dans ta balise DIV comme tu l'avais fait au début.

[azahiri]

j'ai trouvé mais il reste un petit problème,
Dans mon CSS j'ai mis les valeurs de width et height et sa marche,

J'ai un attribut css de type :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
input,textarea { /*clear: both;
display:block;*/ /*font-size: 14px;*/
	font-family: inherit;
	top: 2px;
        width: 300px;
        height: 100px;
}

Mais il me le fait pour tous les champs text du formulaire alors que je voudrai l'appliquer seulement sur le champ en question.

[Baldy]

pour appliquer un format CSS à un seul élément, met un id à cet élément et dans ta feuille CSS tu n'a plus qu'à appeler cet id :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" id="mon_champ" ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
#mon_champ{
...}

[azahiri]

je ne sais pas ou définir l'id de mon input puisque je le met dans le div, et que si je travail avec une balise input ça ne prendra pas mon code ajax en compte !!

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="input">
					<label>Libellé*</label>
 
					<?php e($ajax->autoComplete(
						'Defaut.libelle_defaut',
						'/defauts/autocomplete',
						array(
							'minChars' => 2,
							'indicator' => 'ajaxloader'
						)
					)); ?>
					<div id="ajaxloader" style="display:none;">
						Chargement...
					</div>

j'ai essayé ,

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<label>Libellé*</label>
					<input id="libelle" value= <?php e($ajax->autoComplete(
						'Defaut.libelle_defaut',
						'/defauts/autocomplete',
						array(
							'minChars' => 2,
							'indicator' => 'ajaxloader'
						)
					)); ?> />

la mise en forme marche mais il ne prend pas le code ajax en compte.

[eckerdecker]

Si tu ne sais pas comment fixer un id à ton champ tu peux toujours le fixer sur le div et le cibler ainsi avec css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div class="input" id="autocompleteInput">
   ...
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
#autocompleteInput input {
   ...
}

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
#autocompleteInput textarea{
   ...
}

(je n'ai pas bien compris ce que te générait le code php comme type de champ)

[azahiri]

C'est bon, tu m'as donné un super indice enfait!! j'ai regardé la source de la page web pour voir le id qu'il génére pour mon champ, ensuite il a suffit d'aller le mettre dans le css!!

Merci bcp pour ton aide.