JavaScript - TARGET EN DIV

   
Vista:
Imágen de perfil de Sandra

TARGET EN DIV

Publicado por Sandra ssanchezc1984@gmail.com (1 intervención) el 05/06/2015 13:25:52
Buenas, no se si es de php de css o de que es, pero como aqui escribe mucha gente, lo pregunto aqui, tengo una página en php con css que me la divide en dos div, el listado y el principal.. y quiero que los links del listado aparezcan en el principal.... lo tengo con javascript pero no funciona... reconoce los links pero al hacer click nada.. Os pongo los códigos:

Página principal que crea los links de una lista de registros de una base de datos (el div listado) y muestra un solo registro para modificarlo y haer telemarketing(principal)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<script type='text/javascript' src='abrepagina.js'></script>
    <style type='text/css'>
        .link       {cursor:pointer;text-decoration:underline;color:#00f;}
        .enlace     {color:#00f;}
        #contenido  {border:1px #bababa solid;min-height:50px;}
        .clock      {position:relative;left:50%;top:50%;width:36px;height:36px;padding:20px;}
    </style>
<?
//Creamos la conexión a nuestra base de datos
//Hay que sustituir el usuario contraseña
$conexion = mysql_connect("localhost", "s15c4aed_TELEM", "password");
//Aquí hay que sustituir la el nombre de la base de datos
mysql_select_db("s15c4aed_TELEMARKETING", $conexion);
 
if (!eregi("modules.php", $_SERVER['PHP_SELF']))
{
die ("No es posible visualizar la página en este momento." );
}
 
require_once("mainfile.php" );
$module_name = basename(dirname(__FILE__));
 
include("header.php" );
 
OpenTable();
$txtbuscar="";
 
?><HEAD>
<title>Formulario</title>
<script type="text/javascript">
<!--
function procesar(xform){
window.open(xform, 'nventana', 'width=250,height=60,status=no,resizable=no,scrollbars=no, ');
}
-->
</script>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-type" content="Mime-Type; charset=iso-8859-1" />
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="estilo2.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</HEAD>
<div id="cabecera">
  <CENTER><H2> TELEMARKETING</H2></CENTER>
  </div>
 
  <div id="cuerpo">
   <div id="lateral">
    <ul>
  <center><h2>Listado de empresas</h2></center>
  <?
//inicializo el criterio y recibo cualquier cadena que se desee buscar
$criterio = "";
if ($_GET["criterio"]!=""){
    $txt_criterio = $_GET["criterio"];
   $criterio = " where RAZON_SOCIAL like '%" . $txt_criterio . "%'";
}
$sql="select * from TELEMEMPRESAS limit 0,20";
$rs=mysql_db_query("s15c4aed_TELEMARKETING",$sql);
 
//Limito la busqueda
$TAMANO_PAGINA = 20;
//pongo el número de registros total, el tamaño de página y la página que se muestra
 
 
 
//examino la página a mostrar y el inicio del registro a mostrar
$pagina = $_GET["pagina"];
if (!$pagina) {
    $inicio = 0;
    $pagina=1;
}
else {
    $inicio = ($pagina - 1) * $TAMANO_PAGINA;
}
//miro a ver el número total de campos que hay en la tabla con esa búsqueda
$ssql = "select * from TELEMEMPRESAS where PROVINCIA LIKE 'Castell%'";
$rs = mysql_query($ssql,$conexion);
$num_total_registros = mysql_num_rows($rs);
//calculo el total de páginas
$total_paginas = ceil($num_total_registros / $TAMANO_PAGINA);
 
 
//construyo la sentencia SQL
$ssql = "select * from TELEMEMPRESAS " . $criterio ." where PROVINCIA like 'Caste%' order by Id ASC limit " . $inicio . "," . $TAMANO_PAGINA;
$rs = mysql_query($ssql);
$idcli="";
echo "<b>Número de registros encontrados: " . $num_total_registros . "</b><br>";
?>
<TABLE><td>Id</td> <td>Empresa</td><tr></table>
<?
 
  while ($row = mysql_fetch_array($rs)){
    echo "<table>
      <td>".$row['Id']."</td>
      <td>";
	  ?><a href="javascript:llamarasincrono('http://gestion-acrasesores.s15c4aed.alojamientovirtual.com/modules.php?name=telemcs&idcli=$row[Id]', 'contenido')">
	  <? echo "
    <FONT COLOR='blue'><b>".$row['RAZON_SOCIAL']."</b></font></a></td>
      </tr>
</TABLE><br>";
}
//cerramos el conjunto de resultado y la conexión con la base de datos
mysql_free_result($rs);
mysql_close($conexion);
//muestro los distintos índices de las páginas, si es que hay varias páginas
if ($total_paginas > 1){
    for ($i=1;$i<=$total_paginas;$i++){
       if ($pagina == $i)
          //si muestro el índice de la página actual, no coloco enlace
          echo"<b><font color='red'>". $pagina . "</font></b> ";
       else
          //si el índice no corresponde con la página mostrada actualmente, coloco el enlace para ir a esa página
        echo "<a href='http://gestion-acrasesores.s15c4aed.alojamientovirtual.com/modules.php?name=telemcs&pagina=" . $i . "&criterio=" . $txt_criterio . "' target='lateral'>" . $i . "</a> ";
    }
}
 
 
 
?>
</ul>
   </div>
   <div id="contenido">
<?
$pqbuscar=$_POST["pqbuscar"];
//Creamos la conexión a nuestra base de datos
//Hay que sustituir el usuario contraseña
$conexion = mysql_connect("localhost", "s15c4aed_TELEM", "password");
//Aquí hay que sustituir la el nombre de la base de datos
mysql_select_db("s15c4aed_TELEMARKETING", $conexion);
//construyo la sentencia SQL
//$ssql = "select * from TELEMEMPRESAS where PROVINCIA like 'Castell%'";
$consulta = "SELECT * FROM TELEMEMPRESAS";
// WHERE PROVINCIA='%Cast%'
$rs = mysql_query($consulta);
$num_total_registros = mysql_num_rows($rs);
//Limito la busqueda
$TAMANO_PAGINA = 1;
 
//examino la página a mostrar y el inicio del registro a mostrar
$pagina2 = $_GET["pagina2"];
if (!$pagina2) {
   $inicio = 0;
   $pagina2 = 1;
}
else {
   $inicio = ($pagina2 - 1) * $TAMANO_PAGINA;
}
//calculo el total de páginas
$total_paginas = ceil($num_total_registros / $TAMANO_PAGINA);
 
$idempresa="";
$query="SELECT * FROM TELEMEMPRESAS WHERE PROVINCIA LIKE 'Caste%' ORDER BY Id ASC LIMIT ".$inicio."," . $TAMANO_PAGINA;
$rs = mysql_query($query);
  while ($row = mysql_fetch_array($rs)){
    echo "<center><h1>Telemarketing</h1></center>
	<form action='http://gestion-acrasesores.s15c4aed.alojamientovirtual.com/modules/telemcs/modificar_datos.php?idempresa=$row[Id]' method='post'target='nventana' onSubmit='procesar(this.action);'>
	<table BORDER='0'>
	<tr>
	<td ALIGN=RIGHT><b>Id:</b></td>
	<td>".$row['Id']."
	</td></tr><tr>
      <td ALIGN=RIGHT><b>Razón Social:</b></td><td><input type='text' name='razon_social' value='".$row['RAZON_SOCIAL']."' maxlength=30 size=30>
	  </td></tr><tr>
     <td ALIGN=RIGHT><b>Teléfono 1:</b></td> <td><input type='text' name='telefono1' value='".$row['TELEFONO1']."'maxlength=12 size=12></td></tr><tr>
	   <td ALIGN=RIGHT><b>Teléfono 2:</b></td><td><input type='text' name='telefono2' value='".$row['TELEFONO2']."'maxlength=12 size=12></td></tr><tr>
	     <td ALIGN=RIGHT><b>E-Mail1:</b></td> <td><input type='text' name='email1' value='".$row['EMAIL1']."'maxlength=30 size=30></td></tr><tr>
		 <td ALIGN=RIGHT><b>E-Mail2:</b></td> <td><input type='text' name='email2' value='".$row['EMAIL2']."'maxlength=30 size=30></td></tr><tr>
		 <td ALIGN=RIGHT><b>Dirección:</b></td><td><input type='text' name='direccion' value='".$row['DIRECCION']."'maxlength=30 size=30>
		 Núm:<input type='text' name='num' value='".$row['NUM']."'maxlength=3 size=3>
 Piso:<input type='text' name='pis' value='".$row['PISO']."'maxlength=2 size=2>
  Pta:<input type='text' name='pta' value='".$row['PUERTA']."'maxlength=2 size=2></td></tr><tr>
  <td ALIGN=RIGHT><b>C.P:</b></td> <td><input type='text' name='cp' value='".$row['CP']."'maxlength=5 size=5> Localidad: <input type='text' name='loc' value='".$row['LOCALIDAD']."'maxlength=20 size=20></td></tr>
 <td ALIGN=RIGHT><b>Provincia:<b></td><td><select NAME='provincia'>
<option>Álava
<option>Albacete
<option>Alicante
<option>Almer&iacute;a
<option>Asturias
<option>Ávila
<option>Badajoz
<option>Baleares
<option>Barcelona
<option>Burgos
<option>C&aacute;ceres
<option>C&aacute;diz
<option>Cantabria
<option>Castell&oacute;n
<option>Ceuta
<option>Ciudad Real
<option>C&oacute;rdoba
<option>Cuenca
<option>Girona
<option>Granada
<option>Guadalajara
<option>Guip&uacute;zcoa
<option>Huelva
<option>Huesca
<option>Ja&eacute;n
<option>La Coru&ntilde;a
<option>La Rioja
<option>Las Palmas
<option>Le&#65533;n
<option>L&eacute;rida
<option>Lugo
<option>Madrid
<option>M&aacute;laga
<option>Melilla
<option>Murcia
<option>Navarra
<option>Orense
<option>Palencia
<option>Pontevedra
<option>Salamanca
<option>Santa Cruz de Tenerife
<option>Segovia
<option>Sevilla
<option>Soria
<option>Tarragona
<option>Teruel
<option>Toledo
<option>Valencia
<option>Valladolid
<option>Vizcaya
<option>Zamora
<option SELECTED>".$row['PROVINCIA']."
</select></td></tr><tr>
 <td ALIGN=RIGHT><b>Comercializadora:</b></td> <td><input type='text' name='comerz' value='".$row['ACT_COMERCIALIZDRA']."'maxlength=20 size=20></td></tr>
 <tr><td ALIGN=RIGHT><b>Permanencia:</b></td><td><input type='text' name='perma' value='".$row['PERMA_LUZ']."'maxlength=15 size=15></td></tr><tr>
 <td ALIGN=RIGHT><b>Tarifa Luz:</b></td><td>
 <select NAME='tarifa_luz'>
<option>Tarifa 2.0a(1,000kW-10,000kW,No Discr.H)
 <option>Tarifa 2.0dha(1,000kW-10,000kW,D.H PyV)
 <option>Tarifa 2.0dhs(1,000kW-10,000kW,D.H P,LLyV)
 <option>Tarifa 2.1a(10,001kW-15,000,No Discr.H)
 <option>Tarifa 2.1dha(10,001kW-15,000,D.H PyV)
 <option>Tarifa 2.1dhs(10,001kW-15,000,D.H P,LLyV)
 <option>Tarifa 3.0a(15,001kW-450,000kW,No Discr.H)
 <option>Tarifa 3.1a (0kW-450,000,D.H P,LLyV)
 <option>Tarifa 6.1a(+450,000 0-36kW)
 <option>Tarifa 6.2a(+450,000 36-72,5kW)
 <option>Tarifa 6.3a(+450,000 72,5-145kW)
 <option>Tarifa 6.4a(+450,000 +145kW)
 <option>Tarifa 6.5a(+450,000 Conex.Intern.)
<option SELECTED>Elija tarifa
 </select></td></tr><tr>
  <td ALIGN=RIGHT><b>¿Tiene Asesoria?:</b></td><td><select NAME='asesoria_tiene'>
 <option>S&iacute;
 <option SELECTED>No
 </select></td></tr><tr>
 <td ALIGN=RIGHT>".$row['FECHA_CONTACTO1']."</td><td>".$row['OBSERVACIONES1']."</td></TR><TR>
	<td ALIGN=RIGHT>".$row['FCON2']."</td><td>".$row['OBS2']."</td></TR><TR>
	<td ALIGN=RIGHT>".$row['FCONT3']."</td><td>".$row['OBSCON3']."</td></TR>
	<tr>
   <td ALIGN=RIGHT><b>Fecha Último Contacto:<b><td><input type='text' name='fultcont' value='".$row['F_ULT_CONT']."'maxlength=10 size=10></td></tr>
<tr>
<td align=RIGHT><b>Comentarios:</b></td><td><textarea name='notas_ahora' rows='15' cols='50'>".$row['NOTAS_AHORA']."</textarea></td>
</tr><tr>
<td ALIGN=RIGHT><b>Persona de Contacto:<b></td>
<td><input type='text' name='perscon' value='".$row['PERS_CONTACTO']."'maxlength=20 size=20></td>
</tr><tr>
<td ALIGN=RIGHT><b>Teléfono:</b></td>
<td><input type='text' name='telcont' value='".$row['TEL_CONTACTO']."'maxlength=9 size=9></td></tr><tr>
<td ALIGN=RIGHT><b>E-Mail:</b></td><td><input type='text' name='emailcont' value='".$row['EMAIL_CONTACTO']."'maxlength=25 size=25></td></tr>
</TABLE><BR>
<center><input type='submit' value='Modificar Ficha'><input type='reset' value='Borrar Datos'></center>
</form><br>";
}
//cerramos el conjunto de resultado y la conexión con la base de datos
mysql_close($conexion);
if ($total_paginas > 1){
    for ($i=1;$i<=$total_paginas;$i++){
       if ($pagina2 == $i){
          //si muestro el índice de la página actual, no coloco enlace
          //echo"<h3><font color='red'>". $pagina . "</font></h3>";
		  $paginamas=$pagina2+1;
		  $paginamenos=$pagina2-1; 
		 
         //si el índice no corresponde con la página mostrada actualmente, coloco el enlace para ir a esa página
     // echo "<a href='http://gestion-acrasesores.s15c4aed.alojamientovirtual.com/modules.php?name=telemcs&pagina=" . $i . "&criterio=" . $txt_criterio . "'>" . $i . "</a> ";
	}
	}
}
echo "<br><center><a href='http://gestion-acrasesores.s15c4aed.alojamientovirtual.com/modules.php?name=telemcs&pagina2='".$paginamenos."'target='principal'><h3>Anterior</h3></a><a href='http://gestion-acrasesores.s15c4aed.alojamientovirtual.com/modules.php?name=telemcs&pagina2=".$paginamas."' target='principal'><h3><h3>Siguiente</h3></h3></a></center>";	
 ?>
   </div>
  </div>
<script type='text/javascript'>
    // Funcion para cargar un contenido en un div
    function cargarContenido(pagina)
    {
        // cargamos la pagina pagina.html en el div contenido
        $("#contenido").load(pagina);
    }
    // Funcion para cargar un contenido en un div mostrando un reloj de arena
    function cargarContenidoReloj(pagina)
    {
        // cargamos el icono en el div donde ira el contenido
        $("#contenido").html("<img src='clock.gif' class='clock' border='0' />");
        // cargamos la pagina pagina3.php en el div contenido
        $("#contenido").load(pagina);
    }
    </script>
<?
CloseTable();
include("footer.php" );
?>

Código del css llamado estilo2.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<style type="text/css">
BODY {
   font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 10 0 10 0px;
   text-align: center;
   background-color: #09C;
}
 
#cabecera{
   background-color: #FFFFFF;
   color: #F39;
   font-size:12pt;
   font-weight: bold;
   padding: 3 3 3 10px;
}
#cuerpo{
   margin: 10 0 10 0px;
}
#lateral{
   width: 200px;
   background-color: #CC0000;
   float:left;
}
#lateral ul{
   margin : 0 0 0 0px;
   padding: 0 0 0 0px;
   list-style: none;
}
#lateral li{
   background-color: #CC0000;
   margin: 2 2 2 2px;
   padding: 2 2 2 2px;
   font-weight: bold;
}
#lateral a{
   color:;
   text-decoration: none;
}
#principal{
   margin-left: 300px;
   background-color: #FFCCCC;
   padding: 4 4 4 4px;
}

Y código del archivo abrepagina.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/*! jQuery v1.7.1 jquery.com | jquery.org/license */
// Documento JavaScript
// Esta función cargará las paginas
function llamarasincrono(url, id_contenedor){
var pagina_requerida = false
if (window.XMLHttpRequest) {// Si es Mozilla, Safari etc
pagina_requerida = new XMLHttpRequest()
} else if (window.ActiveXObject){ // pero si es IE
try {
pagina_requerida = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){ // en caso que sea una versión antigua
try{
pagina_requerida = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
pagina_requerida.onreadystatechange=function(){ // función de respuesta
cargarpagina(pagina_requerida, id_contenedor)
}
pagina_requerida.open('GET', url, true) // asignamos los métodos open y send
pagina_requerida.send(null)
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina(pagina_requerida, id_contenedor){
if (pagina_requerida.readyState == 4 && (pagina_requerida.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(id_contenedor).innerHTML=pagina_requerida.responseText
}

No se si es que los dos css; el archivo estilo2.css al que llama y el css que hay en la pagina dan conflicto, o es problema de comillas.... o que pasa... algo falla...Alguien lo ve?
Gracias!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder