Control de capa desde el selector rel dinámico con Jquery y PHP

Oscar Lastera Sanchez desarrollo web


E-mail: info@iespai.com
Tel. (+34) : 653 791 226
1:Confianza
He tenido la suerte de contar con la confianza de quienes me han encargado la creación y el desarrollo de las webs que sus negocios precisan.
2: Experiencia
Son ya 14 años de experiencia acreditada como webmaster en un mundo en el quien no percute con la formación continua se queda irremediablemente atrás.
De forma totalmente gratuita, un asesoramiento inicial sobre las dudas iniciales de su proyecto.
Tags
selector
capas
div
jquery
Script jQuery
control de capa desde el selector rel dinmico con jquery y php

Control de capa desde el selector rel dinámico con Jquery y PHP

[03 de Junio de 2014 | 1 Comentarios ]

Control con jquery de varias capas div  generadas con php, y controlamos con el selector rel.

Oscar Lastera

Este pequeño script me permite controlar capas generadas con php, se que existen mil formas de realizar lo mismo, pero esta es sencilla y clara.

ver ejemplo

Script jQuery :

<script>

function carga(id){
    var id;
    //alert (id);
    $('div[rel="capa_rel'+id+'"]').html('control rel '+id+'<a href="#;return false" onclick="carga2('+id+')">carga</a>');
    
}

</script>

 

Stilo de capas para el ejemplo:

<style>

#capa {
    margin: 10px;
    padding: 10px;
    float: left;
    height: 100px;
    width: 200px;
    border: 1px solid #09F;    
}

a {
    border: 1px solid #F00;
    display: block;
    margin-top: 60px;
}

</style>

 

codigo PHP

<?php
for($i=1;$i<10;$i++){?>
<div id="capa" rel="capa_rel<?php echo $i ?>">hola<a href="#;return false" onclick="carga(<?php echo $i ?>)">carga</a>
</div>
<?php }?>