JavaScript - area de repeticion, no se como hacerla

   
Vista:

area de repeticion, no se como hacerla

Publicado por Nicolas (2 intervenciones) el 03/09/2014 16:26:27
Hola Amigos, me he metido en un lio que no se como salir.

Tengo una tabla de 20 elementos con un link para cada uno, este link abre un popup donde se carga un jpg y la opción de descarga de un pdf.
No se como hacer para que cuando se haga click en el link correspondiente al 2, se envié esa información y se cambie en el div modal el 1.jpg por 2.jpg, asi este carga esa informacion. y asi mismo deberia hacer con los 20 items

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
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>
 
<body>
<table border="0" cellpadding="3" cellspacing="0" id="flattab" width="640">
<tbody>
  <tr>
    <td><strong>APPARTAMENTO</strong></td>
    <td><strong>LOCALI</strong></td>
    <td><strong>SUL/m<sup>2</sup>*</strong></td>
    <td><strong>TERRAZZA</strong></td>
    <td><strong>GIARDINO</strong></td>
    <td><strong>PREZZO</strong></td>
    <td><strong>SCHEDA PDF</strong></td>
  </tr>
  <tr class="rowog">
    <td colspan="7"><strong>Piano terra</strong></td>
    </tr>
  <tr class="rowog" data-ogid="01">
    <td>1</td>
    <td>4&#189; - 5&#189;</td>
    <td>127,50 m<sup>2</sup> </td>
    <td>45 m<sup>2</sup></td>
    <td>60 m<sup>2</sup></td>
    <td>790.000 - Chf</td>
    <!-- en este caso deberia enviar a la div modal el numero 1 -->
    <td align="right"><a href="#modal" class="btn go"><img src="../images/pdf_icon.gif" /></a></td>
  </tr>
    <tr class="rowog" data-ogid="02">
    <td>2</td>
    <td>4&#189; - 5&#189;</td>
    <td>125,00 m<sup>2</sup></td>
    <td>40 m<sup>2</sup></td>
    <td>20 m<sup>2</sup></td>
    <td>750.000 - Chf</td>
     <!-- en este caso deberia enviar a la div modal el numero 2 -->
    <td align="right"><a href="#modal" class="btn go"><img src="../images/pdf_icon.gif" /></a></td>
  </tr>
    <tr class="rowog" data-ogid="03">
    <td>3</td>
    <td>3&#189;</td>
    <td>92,50 m<sup>2</sup></td>
    <td>40 m<sup>2</sup></td>
    <td>20 m<sup>2</sup></td>
    <td>585.000 - Chf</td>
     <!-- en este caso deberia enviar a la div modal el numero 3 -->
    <td align="right"><a href="#modal" class="btn go"><img src="../images/pdf_icon.gif" /></a></td>
  </tr>
</tbody></table>
 
<!-- -->
<div id="modal">
<div class="modal-content">
<div class="header"><h2><table border="0" cellspacing="5" width="100%">
  <tr>
  <!-- aqui esta el numero 1 (1.pdf), pero la proxima sera el 2 y asi sucesivamente -->
    <td align="left"><a href="1.pdf"><img src="../images/download.png" width="23" height="23" /></a></td>
    <td align="center"><a id="previousLink" href="#"><img src="../images/forward.png" width="23" height="23" /></a></td>
    <td align="right"><a href="#" class="btn"><img src="../images/close.png" width="23" height="23" /></a></td>
  </tr>
</table></h2></div>
 
<div class="copy">
 <!-- aqui esta el numero 1 (1.jpg), pero la proxima sera el 2 y asi sucesivamente -->
<img src="img/photos/1.jpg" width="732px"  />
</div></div></div>
 
</body>
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
Imágen de perfil de xve

area de repeticion, no se como hacerla

Publicado por xve (1595 intervenciones) el 03/09/2014 22:09:39
Hola Nicolas, cuando dices que tienes que enviar el 1 o el 2 al div modal, a que te refieres? a dejar el div modal así:
1
<div id="modal">1</div>
eliminando todo su contenido?

Entiendo lo de la pulsación, pero no entiendo muy bien lo del div id=modal...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar