Champs de sélection avec donnée a coté

Version imprimable

25/01/2018, 23h19
kidmig

Champs de sélection avec donnée a coté

Salut,

Voila j'ai une table qui liste des maisons et le prix des maisons et j'ai un formulaire qui a une liste déroulante avec toute les maisons mais a coté de cette liste déroulante, je souhaite faire apparaitre le prix de la maison selon le choix de la maison. Comment faire ?

Dans votre fichier main.php, vous faites un tableau qui contient en clé l'id de la maison, et en valeur le prix

Vous assignez ce tableau à votre vue

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
public function _maPage(){
 
	(...)
 
	$tPriceByHouse=model_maTable::getInstance()->findPriceByHouse();
 
	$oView=new _view('monModule::maVue');
	$oView->tPriceByHouse=$tPriceByHouse;
 
	$this->oLayout->add('main',$oView);
 
}

Et dans votre vue, on va créé un tableau en javascript et changer la valeur via un onchange

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script>
var tPriceByHouse=Array();
<?php foreach($this->tPriceByHouse as $cle => $price):?>
tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>;
<?php endforeach;?>
 
function afficheMonPrix(maCle){
	var a=getById('monprix');
	if(a){
		if( tPriceByHouse[ maCle ] ){
			a.innerHTML='Le prix est '+tPriceByHouse[ maCle ]+' euros';
		}
	}
}
</script>
 
<?php $oForm=new plugin_form()?>
<?php echo $oForm->getSelect('monChamp',$this->tableauDesMaisonIndexeParPkey,array('onChange'=>'afficheMonPrix(this.value)') );?>
 
<div id="monprix">Le prix</div>

J'ai pas tout ecrit mais vous voyez l'idée je pense

Citation:
Envoyé par imikado
Dans votre fichier main.php, vous faites un tableau qui contient en clé l'id de la maison, et en valeur le prix

Vous assignez ce tableau à votre vue
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 public function _maPage(){ (...) $tPriceByHouse=model_maTable::getInstance()->findPriceByHouse(); $oView=new _view('monModule::maVue'); $oView->tPriceByHouse=$tPriceByHouse; $this->oLayout->add('main',$oView); }
Et dans votre vue, on va créé un tableau en javascript et changer la valeur via un onchange
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <script> var tPriceByHouse=Array(); <?php foreach($this->tPriceByHouse as $cle => $price):?> tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>; <?php endforeach;?> function afficheMonPrix(maCle){ var a=getById('monprix'); if(a){ if( tPriceByHouse[ maCle ] ){ a.innerHTML='Le prix est '+tPriceByHouse[ maCle ]+' euros'; } } } </script> <?php $oForm=new plugin_form()?> <?php echo $oForm->getSelect('monChamp',$this->tableauDesMaisonIndexeParPkey,array('onChange'=>'afficheMonPrix(this.value)') );?> <div id="monprix">Le prix</div>
J'ai pas tout ecrit mais vous voyez l'idée je pense
Désoler je vois pas trop ou tu veux en venir j'ai essayer mais j'y arrive pas

26/01/2018, 10h21
imikado

On va faire étape par etape

quel est votre table qui contient la clé de la maison ainsi que le prix: je voudrais la requete qui retournerait la clé, le prix de la maison + un nom ou qqchose à afficher dans le menu déroulant

Pour écrire la requete SQL qui retournera le tableau php

Citation:

Envoyé par imikado

On va faire étape par etape

quel est votre table qui contient la clé de la maison ainsi que le prix: je voudrais la requete qui retournerait la clé, le prix de la maison + un nom ou qqchose à afficher dans le menu déroulant

Pour écrire la requete SQL qui retournera le tableau php

La table qui retourne la clé de la maison est la table Agence

Code qui retourne que le nom de la maison dans une liste deroulante :
Code:

1 2 3 4 5 6 7 8 9 10 public function getSelect(){ $tab=$this->findAll(); $tSelect=array(); if($tab){ foreach($tab as $oRow){ $tSelect[ $oRow->idAgence ]=$oRow->nomMaison; } } return $tSelect; }
A coté de cette liste déroulante quand je choisi une agence comment faire pour faire apparaître le prix ?

Requete SQL

Code:

SELECT * FROM '.$this->sTable.' WHERE idAgence=?',$uId

Ensuite ?

26/01/2018, 15h26
imikado

Il manque la requete pour recuperer le couple clé maison + prix

On va avoir deux tableau, le premier basée sur getSelect qui va retourner clé => nom maison

et il faut la meme chose: clé => prix maison

Ensuite on va recuperer ces deux tableau dans main.php et les assignre à notre vue

Citation:

Envoyé par imikado

Il manque la requete pour recuperer le couple clé maison + prix

On va avoir deux tableau, le premier basée sur getSelect qui va retourner clé => nom maison

et il faut la meme chose: clé => prix maison

Ensuite on va recuperer ces deux tableau dans main.php et les assignre à notre vue
Code:

1 2 3 public function findAll2(){ return $this->findMany('SELECT * FROM '.$this->sTable); }
Code:

1 2 3 4 5 6 7 8 9 10 public function getSelect2(){ $tab2=$this->findCoutMaison(); $tSelect2=array(); if($tab2){ foreach($tab2 as $oRow){ $tSelect2[ $oRow->idAgence ]=$oRow->coutmaison; } } return $tSelect; }
Maintenant pour le main.php et la vue on fais quoi ?
Pour récupérer le tableau dans le main.php il faut faire :

Code:

$oView->tJoinmodel_agence=model_agence::getInstance()->getSelect2();

Sur le main.php,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
public function _maPage(){
 
 
	$tPriceByHouse=model_agence::getInstance()->getSelect2();
	$tMaison=model_agence::getInstance()->getSelect2();
 
 
	$oView=new _view('monModule::maVue');
	$oView->tPriceByHouse=$tPriceByHouse;
	$oView->tMaison=$tMaison;
 
	$this->oLayout->add('main',$oView);
 
}

et dans la vue

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script>
var tPriceByHouse=Array();
<?php foreach($this->tPriceByHouse as $cle => $price):?>
tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>;
<?php endforeach;?>
 
function afficheMonPrix(maCle){
	var a=getById('monprix');
	if(a){
		if( tPriceByHouse[ maCle ] ){
			a.innerHTML='Le prix est '+tPriceByHouse[ maCle ]+' euros';
		}
	}
}
</script>
 
<?php $oForm=new plugin_form()?>
<?php echo $oForm->getSelect('monChamp',$this->tMaison,array('onChange'=>'afficheMonPrix(this.value)') );?>
 
<div id="monprix">Le prix</div>

Citation:

Envoyé par imikado

Sur le main.php,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
public function _maPage(){
 
 
	$tPriceByHouse=model_agence::getInstance()->getSelect2();
	$tMaison=model_agence::getInstance()->getSelect2();
 
 
	$oView=new _view('monModule::maVue');
	$oView->tPriceByHouse=$tPriceByHouse;
	$oView->tMaison=$tMaison;
 
	$this->oLayout->add('main',$oView);
 
}

et dans la vue

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script>
var tPriceByHouse=Array();
<?php foreach($this->tPriceByHouse as $cle => $price):?>
tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>;
<?php endforeach;?>
 
function afficheMonPrix(maCle){
	var a=getById('monprix');
	if(a){
		if( tPriceByHouse[ maCle ] ){
			a.innerHTML='Le prix est '+tPriceByHouse[ maCle ]+' euros';
		}
	}
}
</script>
 
<?php $oForm=new plugin_form()?>
<?php echo $oForm->getSelect('monChamp',$this->tMaison,array('onChange'=>'afficheMonPrix(this.value)') );?>
 
<div id="monprix">Le prix</div>

Sa fonctionne super bien merci mais comment le mettre dans un input

Vous voulez le mettre dans un champ input ?

Ajoutez un champ input et changez juste la fonction javascript comme ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
<script>
var tPriceByHouse=Array();
<?php foreach($this->tPriceByHouse as $cle => $price):?>
tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>;
<?php endforeach;?>
 
function afficheMonPrix(maCle){
	var a=getById('monprix');
	if(a){
		if( tPriceByHouse[ maCle ] ){
			a.value=tPriceByHouse[ maCle ]+' euros';
		}
	}
}
</script>
 
<?php $oForm=new plugin_form()?>
<?php echo $oForm->getSelect('monChamp',$this->tMaison,array('onChange'=>'afficheMonPrix(this.value)') );?>
 
Le prix <?php $oForm->getInputText('monChampPrix',array('id'=>'monPrix') )?>

Citation:
Envoyé par imikado
Vous voulez le mettre dans un champ input ?

Ajoutez un champ input et changez juste la fonction javascript comme ceci:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <script> var tPriceByHouse=Array(); <?php foreach($this->tPriceByHouse as $cle => $price):?> tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>; <?php endforeach;?> function afficheMonPrix(maCle){ var a=getById('monprix'); if(a){ if( tPriceByHouse[ maCle ] ){ a.value=tPriceByHouse[ maCle ]+' euros'; } } } </script> <?php $oForm=new plugin_form()?> <?php echo $oForm->getSelect('monChamp',$this->tMaison,array('onChange'=>'afficheMonPrix(this.value)') );?> Le prix <?php $oForm->getInputText('monChampPrix',array('id'=>'monPrix') )?>
J'ai essayer avec input et sa fonctionne pas, enfaîte dans le input rien ne s'affiche malheureusement

Oups j'avais oublié le echo pour le input text

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
<script>
var tPriceByHouse=Array();
<?php foreach($this->tPriceByHouse as $cle => $price):?>
tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>;
<?php endforeach;?>
 
function afficheMonPrix(maCle){
	var a=getById('monprix');
	if(a){
		if( tPriceByHouse[ maCle ] ){
			a.value=tPriceByHouse[ maCle ]+' euros';
		}
	}
}
</script>
 
<?php $oForm=new plugin_form()?>
<?php echo $oForm->getSelect('monChamp',$this->tMaison,array('onChange'=>'afficheMonPrix(this.value)') );?>
 
Le prix <?php echo $oForm->getInputText('monChampPrix',array('id'=>'monPrix') )?>

Citation:

Envoyé par imikado

Oups j'avais oublié le echo pour le input text

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
<script>
var tPriceByHouse=Array();
<?php foreach($this->tPriceByHouse as $cle => $price):?>
tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>;
<?php endforeach;?>
 
function afficheMonPrix(maCle){
	var a=getById('monprix');
	if(a){
		if( tPriceByHouse[ maCle ] ){
			a.value=tPriceByHouse[ maCle ]+' euros';
		}
	}
}
</script>
 
<?php $oForm=new plugin_form()?>
<?php echo $oForm->getSelect('monChamp',$this->tMaison,array('onChange'=>'afficheMonPrix(this.value)') );?>
 
Le prix <?php echo $oForm->getInputText('monChampPrix',array('id'=>'monPrix') )?>

Sa fonctionne pas malgré le echo, il n'écrit rien dans le input

Je pense savoir pourquoi diférence de casse sur monprix, il faut mettre "monPrix" avec la majuscule dans la fonction javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
<script>
var tPriceByHouse=Array();
<?php foreach($this->tPriceByHouse as $cle => $price):?>
tPriceByHouse[ <?php echo $cle?> ]=<?php echo $price?>;
<?php endforeach;?>
 
function afficheMonPrix(maCle){
	var a=getById('monPrix');
	if(a){
		if( tPriceByHouse[ maCle ] ){
			a.value=tPriceByHouse[ maCle ]+' euros';
		}
	}
}
</script>
 
<?php $oForm=new plugin_form()?>
<?php echo $oForm->getSelect('monChamp',$this->tMaison,array('onChange'=>'afficheMonPrix(this.value)') );?>
 
Le prix <?php echo $oForm->getInputText('monChampPrix',array('id'=>'monPrix') )?>