JavaScript - SOLAPAS EN JAVASCRIPT

 
Vista:

SOLAPAS EN JAVASCRIPT

Publicado por Luis (2 intervenciones) el 19/08/2008 18:02:02
Hola Foro:

Alguien sabe como hacer un entorno con solapas en la que en cada solapa se pueda incluir un "<textarea> </textarea>.

De igual modo también sería interesenta conocer como crear y eliminar las solapas dinámicamente.

Mi necesidad es poder incluir esta aplicación en una página web.

Un saludo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

RE:SOLAPAS EN JAVASCRIPT

Publicado por ScriptShow (692 intervenciones) el 19/08/2008 22:39:27
Saludos Luis,

veamos un "sencillo" ejmplo:

<style>
.txt0 {float:left;width:188px;height:188px;padding:15px;margin-right:15px;font-family:verdana;display:none}
.inp0 {clear:left;background:#EFEFEF;border:#000000 1px solid;font-family:verdana}
</style>

<script>
function showhide(elem)
{
obj=document.getElementById(elem);
obj.style.display = obj.style.display == "inline" ? "none" : "inline";
}
</script>

<input class="inp0" type="button" value="Ver Txt 1" onclick="this.blur();showhide('txt1')">
<fieldset id="txt1" class="txt0">
<legend>TEXT Area 1</legend> 
<textarea name="txt1" cols="20" rows="10"></textarea> 
</fieldset>
<input class="inp0" type="button" value="Ver Txt 2" onclick="this.blur();showhide('txt2')">
<fieldset id="txt2" class="txt0">
<legend>TEXT Area 2</legend> 
<textarea name="txt2" cols="20" rows="10"></textarea>
</fieldset>
<input class="inp0" type="button" value="Ver Txt 3" onclick="this.blur();showhide('txt3')">
<fieldset id="txt3" class="txt0">
<legend>TEXT Area 3</legend> 
<textarea name="txt3" cols="20" rows="10"></textarea>
</fieldset>

Espero te sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar