Problemas con los botones en Firefox y Crome

el-eles · #1 (**permalink**) 10/12/2011, 03:36

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 ;)

emprear · #2 (**permalink**) 10/12/2011, 10:46

y tu
http://localhost/dbt5/administracio/jocnou/index/1.html
es un php? que se supone que hace?
Ajax?, no veo que lo implementes.
codificación, que headers envia tu servidor? tu BD, que codificación tiene, y el action del form (1.html) como saca la información en pantalla, con que codificación?

el-eles, vos no tenés un "Problemas con los botones en Firefox y Crome " tenes un problema con una aplicación que supuestamente involucra, ajax,MySql y php por lo menos.
Tratá de ser más preciso a la hora de postear