Datos a txt sin recargar
Publicado por Victor (11 intervenciones) el 24/05/2016 07:18:38
Sigo en mi línea de novato. Tengo un html con js y un php para que, haciendo click en un número, este quede grabado en un txt. Puedo ver por ajax los números almacenados en ese txt. El problema en el que me he atascado es poder hacer clicks en esos números sin que la página recargue. Sé que es muy básico y que lo he visto pero no lo recuerdo :( . Gracias.
HTML
JavaScript
PHP
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="ejercicio3.js" type="text/javascript"></script>
</head>
<body>
<h1>¿Qué numero decimal es LXV?</h1>
<br/>
<br/>
<a id="valor1" href="ejercicio3.php?cod=35">35</a>
<a id="valor2" href="ejercicio3.php?cod=45">45</a>
<a id="valor3" href="ejercicio3.php?cod=55">55</a>
<a id="valor4" href="ejercicio3.php?cod=65">65</a>
<br/>
<a id="mostrar" href="">Mostrar los valores introducidos</a>
<div id="detalles"></div>
</body>
</html>
JavaScript
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
addEventListener('load',inicio,false);
function inicio(){
var enlace=document.getElementById('mostrar');
mostrar.addEventListener('click',presionEnlace,false);
}function presionEnlace(evt){
evt.preventDefault();
var url=evt.target.getAttribute('href');
muestraTexto(url);
}var conexion1;
function muestraTexto(url){
conexion1=new XMLHttpRequest();
if (conexion1){
conexion1.onreadystatechange=procesarEventos;
conexion1.open('post','valores.txt',true);
conexion1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
conexion1.send();
} }function procesarEventos(){
var detalles=document.getElementById('detalles');
if(conexion1.readyState==4){
detalles.innerHTML = conexion1.responseText;
} else {detalles.innerHTML = 'Cargando...';
} }PHP
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
<?php
header('Content-Type: text/html; charset=ISO-8859-1');
if ($_REQUEST['cod']==35){
$ar=fopen("valores.txt","a") or die("No se pudo abrir el archivo");
fputs($ar,$_REQUEST['cod'].", \n");
fclose($ar);
}if ($_REQUEST['cod']==45){
$ar=fopen("valores.txt","a") or die("No se pudo abrir el archivo");
fputs($ar,$_REQUEST['cod'].", \n");
fclose($ar);
}if ($_REQUEST['cod']==55){
$ar=fopen("valores.txt","a") or die("No se pudo abrir el archivo");
fputs($ar,$_REQUEST['cod'].", \n");
fclose($ar);
}if ($_REQUEST['cod']==65){
$ar=fopen("valores.txt","a") or die("No se pudo abrir el archivo");
fputs($ar,$_REQUEST['cod'].", \n");
fclose($ar);
}?>
Valora esta pregunta
0
