En esto:
Código PHP:
<input type="button" value="Grabar" onClick="javascript:grabarContenido();">
Hay mal 2 cosas:
1-el onclick debe escribirse con minúscula (la camelización es un mal vicio que viene del Dreamweaver de Macromedia y que no ha corregido Adobe)
2-el pseudoprotocolo "javascript
:" es innecesario y redundante. Debería ser así:
Código PHP:
<input type="button" value="Grabar" onclick="grabarContenido();">
El el pseudoprotocolo "javascript
:" sólo debería usarse para
bookmarklets Un buen ejemplo de este uso es el botón "pint it" de la red social Pinterest, que te ofrece un enlace como este para que arrastres a la barra de marcadores y lo tengas disponible para poder compartir imágenes o videos de cualquier sitio que visites:
Código PHP:
<a href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());">arrastrar a barra de marcadores</a>
Otro uso no tan útil de este pseudoprotocolo es para generar contenido al vuelo en iframes, como puede verse en estos ejemplos:
http://js1k.com/2010-xmas/