Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/04/2007, 17:18
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Re: El Desafío del Programador

Pos si querés hacerlo de forma "profesional", te recomiendo usar HTML válido... al menos agregarle el DOCTYPE.

En mi opinión quedaría algo como (cambié prueba-div por prueba_div, ya que no estoy seguro pero creo que no es válido usar un nombre con "-" en el medio):
HTML:
Código:
<?php ... código PHP o inclusión de un archivo que contenga el código PHP necesario. ?>

<HTML>
<HEAD>
<TITLE> Bad Table </TITLE>
<link rel="stylesheet" href="estilos.css" media="screen" >
<script type="text/javascript" src="javascript.js"></script>
</HEAD>

<BODY BGCOLOR=WHITE onload="anadirEvento()">
<p><div id="prueba_div">El campo de prueba es <?php echo $row["campo-de-prueba"];?></div>

</BODY>
</HTML>
CSS:
Código:
div#prueba_div {
 border:1px solid blue;
 margin-top:10px;
 }
Javascript:
Este me cuesta un poco más, no lo tengo muy claro.
Lo ideal para no intervenir en el HTML es usar addEventListener, pero no sé si en el código siguiente lo estoy usando bien.
También se puede evitar la llamada a la función en el onLoad del BODY con window.onload(), pero hasta ahora no me ha funcionado. Como siempre, preguntá en el foro de Javascript si esto no funciona.

Código:
function anadirEvento() {
 document.getElementById('prueba_div').addEventListener("click", cambiarEstilos(document.getElementById('prueba_div'));
 }

function cambiarEstilos(elemento) {
 elemento.style.border = "2px solid green";
 }

No es gran cosa, pero es una forma de separar las cosas.

Saludos.