Estoy teniendo problemas con los botones tanto en el Firefox y en el Crome. Quiero poner un botón o un enlace para llamar una función JavaScript y mediante Ajax permitir al usuario crear un nuevo registro en la BD para posteriormente pueda elegirlo en un menú desplegable. El problema viene cuando pulsas el botón el formulario es enviado, tanto si es un botón como si es un enlace O_o
Lo he probado en Firefox y falla, en Crome, también, y en el Explorer funciona, pero el mamón hace caso omiso a la codificación UTF8 y me muestra el contenido en otra codificación.... me tienen quemado!
El html es parcialmente generado dinámicamente con Code Igniter, de todos modos os dejo el html final a ver si veis algo fuera de lo común:
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>dbtrucos - administració</title>
<link href="http://localhost/dbt5/css/admin.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://localhost/dbt5/javascripts/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="http://localhost/dbt5/javascripts/ckfinder/ckfinder.js"></script>
<script type="text/javascript" src="http://localhost/dbt5/javascripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<div id='titolarmodul'>Jocs</div>
<h3>Escriu les dades a continuació per a crear un joc</h3>
<div style="color: red"></div>
<form action="http://localhost/dbt5/administracio/jocnou/index/1.html" method="post" accept-charset="utf-8"><div style="display:none">
<input type="hidden" name="csrf_dbtrucos" value="ccf7a04a604c4d307548e8b6e755668b" />
</div> <table width="850px" cellpadding="2" cellspacing="2" id="taulaSeccio">
<tbody>
<tr>
<th class="on" width="23%">Titol del joc*</th>
<td class="off" width="77%">
<p>This is another paragraph.</p>
<button>Click me</button>
<input type="text" name="titol" value="" id="titol" maxlength="200" size="60" /> </td>
</tr>
<tr>
<th class="on" width="23%">Génere</th>
<td class="off" width="77%">
<input type="text" name="genere" value="" id="genere" maxlength="50" size="60" /> </td>
</tr><tr>
<th class="on" width="23%">Qualificació</th>
<td class="off" width="77%">
<input type="text" name="qualificacio" value="" id="qualificacio" maxlength="50" size="60" /> </td>
</tr>
<tr>
<th class="on">Info del Joc</th>
<td class="off" align="center">
<textarea name="infoJoc" cols="75" rows="20" id="infoJoc" size="50" ></textarea>
<script type="text/javascript">
var editor = CKEDITOR.replace( 'infoJoc' );
CKFinder.setupCKEditor( editor, 'http://localhost/dbt5/javascripts/ckfinder/' );
</script>
</td>
</tr>
<tr>
<th class="on">Plataforma*</th>
<td class="off">
<select name="plataforma[]" multiple size=5>
<option value="2"
>PC</option>
<option value="3"
>PS2</option>
<option value="4"
>XBOX</option>
<option value="5"
>PS1</option>
<option value="9"
>GBA</option>
<option value="10"
>GC</option>
<option value="11"
>NDS</option>
<option value="12"
>XBOX360</option>
<option value="13"
>PS3</option>
<option value="14"
>PSP</option>
<option value="16"
>Wii</option>
</select>
</td>
</tr>
</tbody>
</table>
<p><input type="submit" name="enviar" value="Continuar" /></p>
</form></body>
</html>
Gracias por vuestra colaboración ;)