Código HTML:
<head> <link rel="stylesheet" href="CSS1/directorio-CSS.css" type="text/css" media="screen" /> <link rel="stylesheet" href="CSS1/ui/south-street/jquery-ui-1.8.16.custom.css" type="text/css" media="screen" /> <script type="text/javascript" src="JS/ui/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="JS/ui/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="JS/prueba.js"></script> <script type="text/javascript"> function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } $(function() { var id = getUrlVars()["id"]; if(id==undefined) { id=<?php echo json_encode($_POST); ?>["id"]; if(id==undefined) return; } $.post("php/empleado.funcs.php"; { action:'selectbyid', id: id}; alert(d.nombre); function(d) { /**/ $("#lbl_nombrec").html(d.nombre); $("#lbl_tels").html("<br/>"+d.tel1); $("#lbl_tels2").html(d.tel2); $("#lbl_email").html('<a href="mailto:'+d.email+'">'+d.email+'</a>'); $("#lbl_puesto").html(d.puesto); $("#lbl_cv_estudios").html("<p>" + d.estudios + "</p>"); $("#lbl_cv_area").html(d.area); $("#lbl_cv_exp").html(d.exp); $("#lbl_psto_nombre").html("<p>" + d.puesto + "</p>"); $("#lbl_psto_funciones").html("<p>" + d.funciones + "</p>"); $("#lbl_psto_escolaridad").html("<p>" + d.escolaridad + "</p>"); $("#lbl_psto_experiencia").html("<p>" + d.experiencia + "</p>"); $("#lbl_atribuciones").html(d.atribuciones); $("#img_foto").attr( "src", "img/dir/"+d.codigo+".jpg" ); $("#lbl_psto_fun").html(d.fun); /**/ // $("#query").html("<pre>"+d.atribuciones+"</pre>"); },'json'); }); </script> </head> <body> <div style="background-color:#FFF;"> <div class="body" align="center"> <table width="0" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="center"> <div class="header" id="lbl_psto_fun">Dirección General del Proyecto Metro del Distrito Federal</div> </td> </tr> <tr> <td><table width="0" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="logo"><div id="logo"><img src="imagenes/logo-gdf.png" /></div></td> </tr> <tr align="center"> <td align="center"><div id=foto> <img id="img_foto" width="122" onerror='$("#img_foto").attr( "src", "imagenes/none.png" )'></div></td> </tr> <tr> <td style=" padding-top:1em; padding-left:1em; padding-right:1em;" valign="bottom"><div align="center" style="padding-top:1em;"> <button id="button">Más información...</button></div></td> </tr> </table> </td> <td> <table width="0" border="0" cellspacing="0" cellpadding="0" id="info"> <tr> <td class="nombre" id='lbl_nombrec'></td> </tr> <tr> <td> <> </td> </tr> <tr> <td class="text"> Av. Universidad 800. <br /> Col. Santa Cruz Atoyac. <br /> Delegación Benito Juárez <br /> C.P. 03310. </td> </tr> <tr> <td class="text" id='lbl_tels'></td> </tr> <tr> <td class="text" id="lbl_tels2"></td> </tr> <tr> <td class="text" id="lbl_email"></td> </tr> </table></td> </tr> </table> </div> <div> <link type="text/css" href="css/south-street/jquery-ui-1.8.16.custom.css" rel="stylesheet" /> <script type="text/javascript"> $(function(){ // Accordion $("#accordion").accordion({ header: "h3" }); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script> <style type="text/css"> /*demo page css*/ body{ font: 62.5% "Trebuchet MS", sans-serif; margin: auto;} .demoHeaders { margin-top: 2em; } #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} #dialog_link span.ui-icon {margin: auto;position: absolute;left: .2em;top: 50%;margin-top: -8px;} ul#icons {margin: auto; padding: 0;} ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} ul#icons span.ui-icon {margin: auto} </style> <div id="lbl_atribuciones">oipoipoipoipoipiopo</div> <div id="accordion"> <div> <h3><a href="#">Atribuciones</a></h3> <div class="texto" id="lbl_atribuciones"></div> </div> <div> <h3><a href="#">Curriculum</a></h3> <div> <div class="titulo">Nivel máximo de estudios:</div> <br /> <span class="texto" id="lbl_cv_estudios"></span> <br /> <br /> <div class="titulo">Áreas de conocimiento:</div> <br /> <span class="texto" id="lbl_cv_area"></span> <br /> <br /> <div class="titulo">Experiencia laboral:</div> <br /> <span class="texto" id="lbl_cv_exp"></span> <br /> <br /> </div> </div> <div> <h3><a href="#">Perfil de puesto</a></h3> <div> <div class="titulo">Nombre del puesto:</div> <br /> <span class="texto" id="lbl_psto_nombre"></span> <br /> <br /> <div class="titulo">Objetivo y funciones del puesto:</div> <br /> <span class="texto" id="lbl_psto_funciones"> nanananananan </span> <br /> <br /> <div class="titulo">Escolaridad y/o áreas de conocimiento:</div> <br /> <span class="texto" id="lbl_psto_escolaridad"></span> <br /> <br /> <div class="titulo">Experiencia laboral requerida:</div> <br /> <span class="texto" id="lbl_psto_experiencia"></span> <br /> <br /> </div> </div> </div> <div> <p>beastboy</p> </div> </div> </div> </div> </body> </html>
