JavaScript - DIV y Ajax

DIV y Ajax

Publicado por Fernanda (13 intervenciones) el 12/11/2012 16:03:17

Hola.

tengo un listado de datos y al pinchar sobre uno se debe cargar un div a traves de ajax con mas información (esto ya lo tengo listo y funcionando). El problema es que la información siempre se carga en el primer datos desplegado.

Alguien sabe como hacer para que la información del <DIV> se muestre en el dato correcto?

Ejemplo

Nombre Edad
Juan 15
Pedro 20

Pincho en el nombre (Juan) y se debe desplegar así

Juan 15
Libro Autor
libro1 xx
libro2 xx

y pincho en pedro ( en este caso los datos no aparecen debajo de pedro sino que se actualizan en Juan...

Pedro 20
Libro Autor
libro1 xx
libro2 xx

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

0

Responder

DIV y Ajax

Publicado por Elbio (6 intervenciones) el 13/11/2012 12:10:37

Hola:
¿Podrias mostrar el código?
Saludos.

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

0

Comentar

DIV y Ajax

Publicado por Fernanda (13 intervenciones) el 13/11/2012 16:06:03

paginaPrincipal.asp

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

<script language="VBScript">

	function ref1(var1)

	dim Link1, elemento, numVisible

	elemento = "DIV1"

	link1 = "PaginaConDiv.asp?Libro="&var1

	call cargaXML (link1, elemento)

	End function

</script>

<tr id="tr2">

  <td align="left" valign="top" nowrap bgcolor="<%=colortd%>" id="td2">

        <strong><a href=VBScript:ref1("<%=dato%>") ><span class="titulo2"><%=dato%></span></a></strong>

	<div id="DIV1">

	</div>

  </td>

</tr>

FIN PAGINAPRINCIPAL

PAGINACONDIV.ASP

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

<%

Libro= request.QueryString("Libro")

set rs = server.CreateObject ( "ADODB.Recordset" )

s = "pkg_Libro.trae_Libro(" & Libro & ")"

set rs = CONN_P.Execute(s)

end if

%>

<%IF NOT RS.EOF AND NOT RS.BOF THEN %>

	<table>

		<tr>

			<td></td>

			<td align="left" valign="top" class="texto08" width="120" ><strong>libro</strong></td>

			<td align="left" valign="top" class="texto08" width="120" ><strong>autor</strong></td>

		</tr>

		<% while not rs.eof

			Libro = rs("LIBRO")

			Autor=UCASE(RS("AUTOR"))

%>

		<tr>

			<td align="left" valign="top" class="texto08"><%=Libro%><br></td>

			<td align="left" valign="top" class="texto08"><%=Autor%><br></td>

		</tr>

<%

			RS.MOVENEXT

			WEND

%>

	</table>

<%end if%>

FIN PAGINACONDIV.ASP

--- AJAX.JS

var isIE = false;

var req;

function cargaXML(url, elemento) {

	document.getElementById("NombreElemento").value = elemento;

    if(url==''){

        return;

    if (window.XMLHttpRequest) {

        req = new XMLHttpRequest();

        req.onreadystatechange = processReqChange;

        req.open("POST", url, true);

        req.send(null);

    } else if (window.ActiveXObject) {

        isIE = true;

        req = new ActiveXObject("Microsoft.XMLHTTP");

        if (req) {

            req.onreadystatechange = processReqChange;

            req.open("POST", url, true);

            req.send();

function processReqChange(){

	var strXml = document.getElementById("NombreElemento").value;

	var detalles = document.getElementById(strXml);

    if(req.readyState == 4){

        detalles.innerHTML = req.responseText;

    } else {

        //    ...en caso contrario, le diremos al usuario que los estamos cargando:

Valora esta respuesta

0

Comentar