Tema: value Iframe
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/03/2012, 11:41
carolina3
 
Fecha de Ingreso: agosto-2011
Ubicación: barcelona
Mensajes: 237
Antigüedad: 12 años, 9 meses
Puntos: 1
value Iframe
hola no se si lo que quiero hacer es posible, ni estoy segura si este tema debería ir aquí pero no se donde preguntar.Posible debe ser pero no se si de la manera que digo.

El caso es que tengo un editor de texto para editar un comentario de mi web que se guarda en una base de datos, y me gustaría que cuando hay un dato guardado en el registro y alguien accede al editor de texto este dato que sera un texto aparezca en lo que es el iframe donde se edita el texto para después guardarlo en el registro de la base de datos, es decir si hay ya un registro y alguien quiere volver a editarlo que lo pueda ver en el editor para posterior modificarlo y volverlo aguardar. he intentado dándole la propiedad de value al iframe poniendo dentro de value el registro de la base de datos pero no funciona.

no se quizas sea por la parte de javascript dándole valor a lo que se llama textEditor que es el id que después se le da al iframe para editar el texto, no se si me explico bien pongo el código de la pagina para ver si alguien puede darme una idea.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script language="javascript">
  4.  
  5. function setHidden()
  6. {
  7. var frameContent=textEditor.document.body.innerHTML;
  8. document.getElementById('comentario1').value=frameContent;
  9. }
  10.  
  11.  
  12. <!--
  13. function def()
  14. {
  15. var testframe = document.createElement("iframe");
  16. testframe.name = testframe.id = "textEditor";
  17.  
  18.  
  19. if (testframe.addEventListener){
  20. testframe.addEventListener("load",function(e){this.contentWindow.document.designMode = "on";}, false);
  21. } else if (testframe.attachEvent){
  22. testframe.attachEvent("load", function(e){this.contentWindow.document.designMode = "on";});
  23. }
  24.  
  25.  
  26.  
  27. textEditor.document.designMode="on";
  28. textEditor.document.open();
  29. textEditor.document.write('<head><style type="text/css">body{ font-family:arial; font-size:25px; }</style> </head>');//esta linea nos da el estilo con el que escribimos dentro del iframe demomento solo se eso 
  30. textEditor.document.close();
  31. textEditor.focus();
  32.  
  33.  
  34.  
  35. }
  36. function fontEdit(x,y)
  37. {
  38. textEditor.document.execCommand(x,"",y);
  39. textEditor.focus();
  40. }
  41. -->
  42. </script>
  43. </head>
  44. <body onLoad="def()" ><center>
  45.  
  46. <div style="width:500px; text-align:left;  margin-bottom:10px ">
  47. <input type="button" id="bold" style="height:21px; width:21px; font-weight:bold;" value="B" onClick="fontEdit('bold')" />
  48. <input type="button" id="italic" style="height:21px; width:21px; font-style:italic;" value="I" onClick="fontEdit('italic')" />
  49. <input type="button" id="underline" style="height:21px; width:21px; text-decoration:underline;" value="U" onClick="fontEdit('underline')" />
  50. <input type="button" style="height:21px; width:21px;"value="L" onClick="fontEdit('justifyleft')" title="align left" />
  51. <input type="button" style="height:21px; width:21px;"value="C" onClick="fontEdit('justifycenter')" title="center" />
  52. <input type="button" style="height:21px; width:21px;"value="R" onClick="fontEdit('justifyright')" title="align right" />
  53. <select id="fonts" onChange="fontEdit('fontname',this[this.selectedIndex].value)">
  54. <option value="Arial">Arial</option>
  55. <option value="Comic Sans MS">Comic Sans MS</option>
  56. <option value="Courier New">Courier New</option>
  57. <option value="Monotype Corsiva">Monotype</option>
  58. <option value="Tahoma">Tahoma</option>
  59. <option value="Times">Times</option>
  60.  
  61. </select>
  62. <select id="size" onChange="fontEdit('fontsize',this[this.selectedIndex].value)">
  63. <option value="1">1</option>
  64. <option value="2">2</option>
  65. <option value="3">3</option>
  66. <option value="4">4</option>
  67. <option value="5">5</option>
  68. <option value="6">6</option>
  69. <option value="7">7</option>
  70.  
  71.  
  72.  
  73. </select>
  74. <select id="color" onChange="fontEdit('ForeColor',this[this.selectedIndex].value)">
  75. <option style="color:red;" value="red">rojo</option>
  76. <option value="black">negro</option>
  77. <option style="color:blue;" value="blue">azul</option>
  78. <option style="color:green;" value="green">verde</option>
  79. <option style="color:pink;" value="pink">rosa</option>
  80. <option style="color:yellow;" value="yellow">amarillo</option>
  81. <option style="color:white;" value="white">blanco</option>
  82. <option style="color:brown;" value="brown">marron</option>
  83. <option style="color:grey;" value="grey">gris</option>
  84. <option style="color:orange;" value="orange">naranja</option>
  85. </select> 
  86. <input type="button" style="height:21px; width:21px;"value="1" onClick="fontEdit('insertorderedlist')" title="Numbered List" />
  87. <input type="button" style="height:21px; width:21px;"value="•" onClick="fontEdit('insertunorderedlist')" title="Bullets List" />
  88. <input type="button" style="height:21px; width:21px;"value="&laquo;" onClick="fontEdit('outdent')" title="Outdent" />
  89. <input type="button" style="height:21px; width:21px;"value="&raquo;" onClick="fontEdit('indent')" title="Indent" />
  90. </div>
  91. <form action="accesocomentario1.php" method="post" onSubmit="setHidden()">
  92.   <input type="hidden" name="comentario1" id="comentario1"  />
  93.   <input type="hidden" name="web" id="web" value="<?php echo $_SESSION['MM_Username']; ?>"/>
  94. <input type="submit" value="submit" />
  95. </form>
  96.  
  97. <iframe id="textEditor" style="width:450px; height:160px; background-color:#FFF;" frameborder="1"  >
  98. </iframe> 
  99.  
  100. </center>
  101.  
  102.  
  103. </body>
  104. </html>
  105. <?php
  106. mysql_free_result($textostienda);
  107. ?>

gracias por este foro