AJAX - Sistema de inscripción AJAX

 
Vista:
sin imagen de perfil

Sistema de inscripción AJAX

Publicado por Christian (2 intervenciones) el 31/05/2014 03:11:35
Estoy intentando idear una plataforma de inscripción de materias, sólo que no hallo como hacer que me cargue los que necesito. ¿Que es lo que necesito? Luego que un usuario se loguea en la plataforma el va a pre-inscribir ciertas materias (ya estan precargadas en una tabla de MYSQL). El detalle es que los usuarios puedan escribir el código de la materia (01015, ABI1212, etc...) y se cargue el nombre. Lo otro es que necesito que exista un botón para eliminar la materia si el usuario se arrepiente. Y por último quisiera guardar estos datos en una tabla vinculando siempre el id del usuario con cada uno de los registros de las materias que pre-cargo.
Actualmente sólo tengo esto: http://dace.unexpocharallave.net/agregarfila.html de verdad les agradecería mucho de su ayuda. Alli en el campo opciones está vacio, me gustaria que apareciera la opción de eliminar la materia.

Tambien me gustaría saber si puedo discriminar las materias, es decir, si son 4 carreras y cada una tiene códigos distintos pero todas están en una misma tabla, como hacer que el buscador le indique al usuario si el código pertenece o no a su carrera.

CABE DESTACAR QUE SOY UN NOVATO USANDO PHP Y AJAX. DE VERDAD AGRADECERIA MUCHO SU AYUDA

El código que estoy usando es este:
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
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
<title>Agregar campos</title>
 
<script>
function addFila() {
var idn = document.getElementById( 'idn' ).value;
self.frames[ 'proceso' ].location.href = "proceso.php?add=si&id="+idn;
}
</script>
<script type="text/javascript">
    $(document).ready(function(){
                fn_dar_eliminar();
                $("#frm_usu").validate({ });
                });
 
 
            function fn_agregar(){
                cadena = cadena + "<td><a class='elimina'><img src='images/importante.png' /></a></td>";
                $("#grilla tbody").append(cadena);
 
                fn_dar_eliminar();
				fn_cantidad();
            };
 
            function fn_dar_eliminar(){
                $("a.elimina").click(function(){
                    id = $(this).parents("tr").find("td").eq(0).html();
                    respuesta = confirm("Desea eliminar el detalle: " + id);
                    if (respuesta){
                        $(this).parents("tr").fadeOut("normal", function(){
                            $(this).remove();
                           // alert("detalle " + id + " eliminado")
 
                        })
                    }
                });
            };
    </script>
 
 
</head>
 
<body>
 
<table id="newFila" border="1">
<tr>
<td><input type="text" id="idn" value=""></td>
<td><input type="button" id="buscar" value="Buscar" onclick="addFila()"></td>
<td> </td>
</tr>
<tr>
<td>CÓDIGO</td>
<td>NOMBRE</td>
<td>CRÉDITOS</td>
<td>OPCIONES</td>
</tr>
</table>
 
<iframe id="proceso" name="proceso" src="about:blank" width="0" height="0" frameborder="0"></iframe>
 
</body>
</html>

y el otro que recibe es:
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
<?php
$nuevoCampo = 0;
if ($_GET["add"] == "si") {
$id = $_GET["id"];
 
$host = "localhost";
$user = "user";
$password = "";
$db = "mydb";
 
$link = mysql_connect($host, $user, $password);
if (!$link) {
die('No pudo conectarse: ' . mysql_error());
}
mysql_select_db($db,$link);
 
$result = mysql_query( "select * from materias where ID='$id'" );
$row = mysql_fetch_row($result);
 
if (mysql_error() == "" && count($row) > 1) {
$ID = $row[1];
$nombre = $row[2];
$credito = $row[3];
$nuevoCampo = 1;
}
 
mysql_close($link);
?>
<html>
<head>
<script>
function enviarData() {
<?
if ($nuevoCampo == 1) {
echo "parent.document.getElementById( 'newFila' ).innerHTML += '<tr><td> ".$ID." </td><td> ".$nombre." </td><td> ".$credito." </td></tr>';";
}
?>
}
</script>
<body onload="enviarData()">
</body>
</html>
<?
}
?>
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
sin imagen de perfil

Sistema de inscripción AJAX

Publicado por Christian (2 intervenciones) el 31/05/2014 03:32:58
RECTIFICO EL CÓDIGO HTML, EL REAL ES ESTE:

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
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
<title>Agregar campos</title>
 
<script>
function addFila() {
var idn = document.getElementById( 'idn' ).value;
self.frames[ 'proceso' ].location.href = "proceso.php?add=si&id="+idn;
}
</script>
 
</head>
 
<body>
 
<table id="newFila" border="1">
<tr>
<td><input type="text" id="idn" value=""></td>
<td><input type="button" id="buscar" value="Buscar" onclick="addFila()"></td>
<td> </td>
</tr>
<tr>
<td>CÓDIGO</td>
<td>NOMBRE</td>
<td>CRÉDITOS</td>
</tr>
</table>
 
<iframe id="proceso" name="proceso" src="about:blank" width="0" height="0" frameborder="0"></iframe>
 
</body>
</html>
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