Mostrar Imagen, y aparte, un codigo en un textarea seleccionando la opcion

DarkCo0oL · #1 (**permalink**) 28/09/2009, 03:02

Bueno, he creado unas firmas dinamicas basandome en las Variables de un FORO SMF, y he decidido en crear una pagina para que el usuario entre y genere su codigo de acuerdo al color que haya deseado, este es el siguiente codigo:

Código PHP:

 
<HTML> 
<HEAD> 
 <TITLE>Generador de Codigo para tu Firma Dinamica</TITLE> 
 <script type="text/javascript"> 
        function visible(valor) 
        { 
            document.getElementById("TextArea1").style.visibility = "visible" 
            document.getElementById("TextArea1").value = valor ; 
        } 
</script> 
</HEAD> 
<BODY> 
<? 
require("SSI.php"); 
echo $context['user']['name']; 
?> 
<br> 
<select id="Select1" onchange="visible(this.value)" name="opciones" size="1"> 
        <option selected>Selecciona el Color de Firma</option> 
        <option value="[img]URL<? echo $context['user']['id'] ?>[/img]">Azul</option> 
        <option value="[img]URL<? echo $context['user']['id'] ?>[/img]">Roja</option> 
    </select><br> 
<br> 
<b><font face="Arial" size="2">Copia el siguiente codigo:</font></b><br> 
    <textarea id="TextArea1" cols="65" rows="2" style="visibility:visible;" name="mostrartexto" readonly></textarea> 
 
</BODY> 
</HTML>

El problema es que dependiendo que color haya escogido, que muestre la imagen a parte.

He encontrado un codigo que muestra las imagenes dependiendo las opciones pero vaya no puedo generar el codigo en el textarea.

Código PHP:

 
<HTML> 
<HEAD> 
 <TITLE>Generador de Codigo para tu Firma Dinamica</TITLE> 
 
 
<script language="javascript"> 
 function visible(imagen) { 
  var img = document.getElementById("myimage"); 
  var img_dir = "LA URL DONDE SE ENCUENTRA LAS IMAGENES"; 
  if (img) { 
   img.src = img_dir + imagen; 
  } 
   
 } 
</script> 
</HEAD> 
<BODY> 
<? 
require("SSI.php"); 
echo $context['user']['name']; 
?> 
<br> 
<select id="Select1" onchange="visible(this.value)"," name="opciones" size="1"> 
        <option selected>Selecciona el Color de Firma</option> 
        <option value="azul.php?u=<? echo $context['user']['id'] ?>">Azul</option> 
        <option value="rojo.php?u=<? echo $context['user']['id'] ?>">Roja</option> 
    </select><br> 
&nbsp;<p> 
    <img src="imagen_default.jpg" id="myimage"/><br> 
&nbsp;</p> 
<p> 
    <br> 
 
    <textarea id="TextArea1" cols="65" rows="2" style="visibility:visible;" name="mostrartexto" readonly></textarea></p> 
</BODY> 
</HTML>

Ya ando seco de ideas, y la verdad no se como implementar de que se vea la imagen y genere el codigo:

Código:

[img]url[/img]

dentro del textarea de acuerdo la opcion que haya seleccionado el usuario.

Saludos!

zeuslife · #2 (**permalink**) 28/09/2009, 07:29

¿Eso suena a AJAX no? a no ser que actualices la página entera....

pateketrueke · #3 (**permalink**) 28/09/2009, 09:13

pues definitivamente no es AJAX, pero si es Javascript... (no hay que confundir)

ya que necesitas que eso ocurra en tiempo real en el navegador, cierto??

pues entonces es eso.... debes estudiar como manipular el DOM con Javascript, o puedes usar jQuery

para hacer la manipulación y creación mas rápidamente, suerte!!

DarkCo0oL · #4 (**permalink**) 28/09/2009, 13:50

Um, y no existe la manera de combinar ambos? de manera simple claor.

GatorV · #5 (**permalink**) 28/09/2009, 14:33

Tema trasladado desde PHP

DarkCo0oL · #6 (**permalink**) 29/09/2009, 22:57

No pues aun no he conseguido, si alguien sabe la manera pls