[Solucionado] Combo anidado en registro.

djmortis · May 15, 2014

Buenas, tengo un combo anidado que quiero añadir en el registro de prestashop y no se como hacerlo, funciona con javascript.

Os pongo todo el codigo de todos los archivos.

index.php

<?php
function generaSelect()
{
	include 'conexion.php';
	conectar();
	$consulta=mysql_query("SELECT id, opcion FROM select_1");
	desconectar();

	// Voy imprimiendo el primer select compuesto por los paises
	echo "<select name='select1' id='select1' onChange='cargaContenido(this.id)'>";
	echo "<option value='0'>Elige</option>";
	while($registro=mysql_fetch_row($consulta))
	{
		echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
	}
	echo "</select>";
}
?>

<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>AJAX, Ejemplos: Combos (select) dependientes de 3 niveles, codigo fuente - ejemplo</title>
<link rel="stylesheet" type="text/css" href="select_dependientes_3_niveles.css">
<script type="text/javascript" src="select_dependientes_3_niveles.js"></script>
</head>

<body>

			<div id="demo" style="width:600px;">
				<div id="demoDer">
					<select disabled="disabled" name="select3" id="select3">
						<option value="0">Selecciona opción...</option>
					</select>
				</div>
				<div id="demoMed">
					<select disabled="disabled" name="select2" id="select2">
						<option value="0">Selecciona opción...</option>
					</select>
				</div>
				<div id="demoIzq"><?php generaSelect(); ?></div>
			</div>

</body>
</html>

conexión.php

<?php
function conectar()
{
	mysql_connect("localhost", "user", "pass");
	mysql_select_db("dbname");
}

function desconectar()
{
	mysql_close();
}
?>

select_dependientes_3_niveles_proceso.php

<?php
// Array que vincula los IDs de los selects declarados en el HTML con el nombre de la tabla donde se encuentra su contenido
$listadoSelects=array(
"select1"=>"select_1",
"select2"=>"select_2",
"select3"=>"select_3"
);

function validaSelect($selectDestino)
{
	// Se valida que el select enviado via GET exista
	global $listadoSelects;
	if(isset($listadoSelects[$selectDestino])) return true;
	else return false;
}

function validaOpcion($opcionSeleccionada)
{
	// Se valida que la opcion seleccionada por el usuario en el select tenga un valor numerico
	if(is_numeric($opcionSeleccionada)) return true;
	else return false;
}

$selectDestino=$_GET["select"]; $opcionSeleccionada=$_GET["opcion"];

if(validaSelect($selectDestino) && validaOpcion($opcionSeleccionada))
{
	$tabla=$listadoSelects[$selectDestino];
	include 'conexion.php';
	conectar();
	$consulta=mysql_query("SELECT id, opcion FROM $tabla WHERE relacion='$opcionSeleccionada'") or die(mysql_error());
	desconectar();
	
	// Comienzo a imprimir el select
	echo "<select name='".$selectDestino."' id='".$selectDestino."' onChange='cargaContenido(this.id)'>";
	echo "<option value='0'>Elige</option>";
	while($registro=mysql_fetch_row($consulta))
	{
		// Convierto los caracteres conflictivos a sus entidades HTML correspondientes para su correcta visualizacion
		$registro[1]=htmlentities($registro[1]);
		// Imprimo las opciones del select
		echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
	}			
	echo "</select>";
}
?>

select_dependientes_3_niveles.js

function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false;
	try
	{
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			// Creacion del objet AJAX para IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
		}
	}
	return xmlhttp; 
}

// Declaro los selects que componen el documento HTML. Su atributo ID debe figurar aqui.
var listadoSelects=new Array();
listadoSelects[0]="select1";
listadoSelects[1]="select2";
listadoSelects[2]="select3";

function buscarEnArray(array, dato)
{
	// Retorna el indice de la posicion donde se encuentra el elemento en el array o null si no se encuentra
	var x=0;
	while(array[x])
	{
		if(array[x]==dato) return x;
		x++;
	}
	return null;
}

function cargaContenido(idSelectOrigen)
{
	// Obtengo la posicion que ocupa el select que debe ser cargado en el array declarado mas arriba
	var posicionSelectDestino=buscarEnArray(listadoSelects, idSelectOrigen)+1;
	// Obtengo el select que el usuario modifico
	var selectOrigen=document.getElementById(idSelectOrigen);
	// Obtengo la opcion que el usuario selecciono
	var opcionSeleccionada=selectOrigen.options[selectOrigen.selectedIndex].value;
	// Si el usuario eligio la opcion "Elige", no voy al servidor y pongo los selects siguientes en estado "Selecciona opcion..."
	if(opcionSeleccionada==0)
	{
		var x=posicionSelectDestino, selectActual=null;
		// Busco todos los selects siguientes al que inicio el evento onChange y les cambio el estado y deshabilito
		while(listadoSelects[x])
		{
			selectActual=document.getElementById(listadoSelects[x]);
			selectActual.length=0;
			
			var nuevaOpcion=document.createElement("option"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="Selecciona Opción...";
			selectActual.appendChild(nuevaOpcion);	selectActual.disabled=true;
			x++;
		}
	}
	// Compruebo que el select modificado no sea el ultimo de la cadena
	else if(idSelectOrigen!=listadoSelects[listadoSelects.length-1])
	{
		// Obtengo el elemento del select que debo cargar
		var idSelectDestino=listadoSelects[posicionSelectDestino];
		var selectDestino=document.getElementById(idSelectDestino);
		// Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
		var ajax=nuevoAjax();
		ajax.open("GET", "select_dependientes_3_niveles_proceso.php?select="+idSelectDestino+"&opcion="+opcionSeleccionada, true);
		ajax.onreadystatechange=function() 
		{ 
			if (ajax.readyState==1)
			{
				// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
				selectDestino.length=0;
				var nuevaOpcion=document.createElement("option"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="Cargando...";
				selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;	
			}
			if (ajax.readyState==4)
			{
				selectDestino.parentNode.innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
	}
}

select_dependientes_3_niveles.css

#demoIzq, #demoDer, #demoMed { border:1px dashed; width:195px; background-color:#EAEAEA; text-align:center; margin:0 1px 0 1px; }

#demoDer, #demoMed { float:right; }

select { width:150px; }

¿

Pues eso, hay forma de integrar esto en prestashop 1.6.0.6?

Muchas gracias.

Edited May 28, 2014 by djmortis (see edit history)

djmortis · May 15, 2014

Otra forma que estoy intentando es la siguiente, me aparecen los tres campos en el registro, pero me aparecen vacios, las tablas estan creadas y hay entradas.

 <script type="text/javascript">
	 // <![CDATA[
function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
//==================
function mostrarMunicipios(){
 
    divResultado = document.getElementById('listamunicipios');
    prov=document.getElementById('obj_provincia').value;
 
    ajax=objetoAjax();
    ajax.open("POST", "municipios.php");
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divResultado.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send("idprov="+prov)
}
 
 
//==================
function mostrarConsejos(){
 
    divResultado = document.getElementById('listaconsejos');
    mun=document.getElementById('obj_municipio').value;
 
    ajax=objetoAjax();
    ajax.open("POST", "consejos.php");
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divResultado.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send("idmun="+mun)
}
</script>
		<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr align="left">
    <td width="25%">Provincia:</td>
    <td width="30%">Municipio:</td>
    <td width="45%">Consejo popular:</td>
  </tr>
  <tr align="left">
    <select id="obj_provincia" onchange="mostrarMunicipios()">
<option value="">Seleccionar...</option>
<?php 
$rs_prov = $mysqli->query("SELECT * FROM nm_provincias");
while($row_prov = $rs_prov->fetch_assoc()){
?>                        
<option value="<?php echo $row_prov['id']; ?>"><?php echo $row_prov['provincia']; ?></option>
<?php } ?>                          
</select>
    <td><div id="listamunicipios">
<select id="obj_municipio" onchange="mostrarConsejos()">
<option value="">Seleccionar...</option>
<?php 
$rs_mun = $mysqli->query("SELECT * FROM nm_municipios WHERE idprovincia='".$_POST['idprov']."'");
while($row_mun = $rs_mun->fetch_assoc()){
?>                        
<option value="<?php echo $row_mun['id']; ?>"><?php echo $row_mun['municipio']; ?></option>
<?php } ?>                          
</select>
    </div></td>
    <td><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><div id="listaconsejos">
<select id="obj_consejos">
<option value="">Seleccionar...</option>
<?php 
$rs_cp = $mysqli->query("SELECT * FROM nm_consejos WHERE idmunicipio='".$_POST['idmun']."'");
while($row_cp = $rs_cp->fetch_assoc()){
?>                        
<option value="<?php echo $row_cp['id']; ?>"><?php echo $row_cp['consejos']; ?></option>
<?php } ?>                          
</select>
        </div></td>
        <td></td>
      </tr>
    </table></td>
  </tr>
</table>

Obviamente, esto lo pongo en el authentification.tpl, después del campo de password, ya que he eliminado la fecha de nacimiento, check de boletines y demás.

Vamos, después de esto...

			<div class="required password form-group">
				<label for="passwd">{l s='Password'} <sup>*</sup></label>
				<input type="password" class="is_required validate form-control" data-validate="isPasswd" name="passwd" id="passwd" />
				<span class="form_info">{l s='(Five characters minimum)'}</span>
			</div>

djmortis · May 28, 2014

Solucionado, no es la mejor forma, pero es la única que se, pedi presupuesto y al final me pedían entre 100 y 400€, así que decidí intentarlo yo aunque me costará la vida, xDD

En authentification.tpl añado...

<script type="text/javascript">
function slctr(texto,valor){
this.texto = texto
this.valor = valor
}
var valencia=new Array()
valencia[0] = new slctr('- -Valencia- -')
valencia[1] = new slctr("Sedavi",'sedavi')
valencia[2] = new slctr("Alfafar",'alfafar')


var alicante=new Array()
alicante[0] = new slctr('- -Alicante- -')
alicante[1] = new slctr("Elda",'elda')
alicante[2] = new slctr("Novelda",'novelda')

//*******Nietos*******************
var sedavi = new Array()
sedavi[0] = new slctr('- -Sedavi- -')
sedavi[1] = new slctr("centro 1 sedavi",null)
sedavi[2] = new slctr("centro 2 sedavi" ,null)

var alfafar = new Array()
alfafar[0] = new slctr('- -Alfafar- -')
alfafar[1] = new slctr("alfafar",null)
alfafar[2] = new slctr("alfafar",null)

var elda = new Array()
elda[0] = new slctr('- -Elda- -')
elda[1] = new slctr("Centro 1 Elda",null)
elda[2] = new slctr("Centro 2 Elda" ,null)

var novelda = new Array()
novelda[0] = new slctr('- -Novelda- -')
novelda[1] = new slctr("Centro 1 Novelda",null)
novelda[2] = new slctr("Centro 2 Novelda" ,null)

function slctryole(cual,donde){
if(cual.selectedIndex != 0){
donde.length=0
cual = eval(cual.value)
for(m=0;m<cual.length;m++){
var nuevaOpcion = new Option(cual[m].texto);
donde.options[m] = nuevaOpcion;
if(cual[m].valor != null){
donde.options[m].value = cual[m].valor
}
else{
donde.options[m].value = cual[m].texto
}
}
}
}
</script>

<form name="form1" method="post" action="">
<select name="select" onchange="slctryole(this,this.form.select2)">
<option>- - Seleccionar - -</option>
<option value="valencia">valencia</option>
<option value="sedavi">sedavi</option>
</select>
<select name="select2" onchange="slctryole(this,this.form.select3)">
<option>- - - - - -</option>
</select>
<select name="select3">
<option>- - - - - -</option>
</select>
</form>

Después en ps_customer creo los campos select, select2 y select3

En AuthController.php añado...

$select = $_POST['select'];
$select2 = $_POST['select2'];
$select3 = $_POST['select3'];

$customer->select = $select;
$customer->select2 = $select2;
$customer->select3 = $select3;

$this->context->cookie->customer_select = $customer->select;

$this->context->cookie->customer_select2 = $customer->select2;

$this->context->cookie->customer_select3 = $customer->select3;

$select= Tools::getValue('select');

$select2= Tools::getValue('select2');

$select3= Tools::getValue('select3');

Y en customer.php

public $select;
public $select2;
public $select3;

'select' =>  array('type' => self::TYPE_STRING, 'validate' => 'isGenericName'),
'select2' =>  array('type' => self::TYPE_STRING, 'validate' => 'isGenericName'),
'select3' =>  array('type' => self::TYPE_STRING, 'validate' => 'isGenericName'),

Solucionado.

Sign In

[Solucionado] Combo anidado en registro.

Recommended Posts

djmortis

Link to comment

Share on other sites

djmortis

Link to comment

Share on other sites

djmortis

Link to comment

Share on other sites

Browse

Activity

Go back to prestashop.com