Funciones diferentes en click pares o impares

ZiTAL

Experto

Mensajes: 365

Funciones diferentes en click pares o impares

« : Junio 07, 2006, 08:21:00 »

Aupatxo, aqui estoy otra vez haciendo monologos jejejeje.

Esta vez os pongo como hacer diferentes funciones en click pares o impares en un area de texto.

Vamos a hacer que en los clicks impares escriba:

Código:

[b]

y en los pares:

Código:

[/b]

Despues de insertar la etiketa el area de texto coge el foco para poder seguir escribiendo.

Esta bien para hacer foros como los que tenemos aqui en hispabyte.

Código:

<html>
<head>
<script language="JavaScript">
function aldatuChar(gehi)
  {
   var kontv;
   kontv=document.formu.kont.value;
   if(kontv==0)
   {
   document.formu.komen.value = document.formu.komen.value + "[" + gehi + "]";
   kontv=1;
   }
   else
   {
   document.formu.komen.value = document.formu.komen.value + "[/" + gehi + "]";
   kontv=0;
   }
   document.formu.kont.value=kontv;
   document.formu.komen.focus();
  }
</script>
</head>
<body>
<form name="formu">
<textarea name="komen" cols="22" rows="6"></textarea>
<input name="kont" type="hidden">
<br>
<img src="fletxie.gif" onClick="aldatuChar('b')">
</form>
</body>
</html>

Donde la imagen fletxie la tendreis que cambiar por una imagen vuestra, o cambiar la imagen por un boton.

Espero que sirva Giñar


	En línea

ZiTAL

Experto

Mensajes: 365

Funciones diferentes en click pares o impares

« Respuesta #1 : Junio 08, 2006, 08:06:18 »

Mejoramos el programa introduciendo una imagen para cada caso, una imagen para el par y otra distinta para el impar:

En los impares ponemos una imagen tipo:

Código:

[b]

como fletxie.gif

y en los pares una imagen tipo:

Código:

[/b]

como fletxie2.gif

solo es cuestion de asignarle un nombre a la imagen para poder trabajar en el con javascript, se podria trabajar sin asignarle nombre pero se trabajaria con el index y no es nada apropiado ya que se podrina introducir nuevas imagenes y dejaria de funcionar apropiadamente el script.

Aqui el codigo:

Código:

<html>
<head>
<script language="JavaScript">
function aldatuChar(gehi)
  {
   var kontv;
   kontv=document.formu.kont.value;
   if(kontv==0)
   {
   document.formu.komen.value = document.formu.komen.value + "[" + gehi + "]";
   kontv=1;
   document.aupa.src="fletxie2.gif";
   }
   else
   {
   document.formu.komen.value = document.formu.komen.value + "[/" + gehi + "]";
   kontv=0;
   document.aupa.src="fletxie.gif";
   }
   document.formu.kont.value=kontv;
   document.formu.komen.focus();
  }
</script>
</head>
<body>
<form name="formu">
<textarea name="komen" cols="22" rows="6"></textarea>
<input name="kont" type="hidden">
<br>
<img name="aupa" src="fletxie.gif" onClick="aldatuChar('b')">
</form>
</body>
</html>

Seguimos mejorando Giñar


	En línea

ZiTAL

Experto

Mensajes: 365

Funciones diferentes en click pares o impares

« Respuesta #2 : Junio 08, 2006, 11:53:37 »

Mas dificil todavia, con la misma funcion que valga para cualquier etiketa, gracias a carlos usuario del canal #javascript del irc-hispano

ahi va el codigo:

Código:

<html>
<head>
<script language="JavaScript">
function aldatuChar(gehi)
  {
   var img=document.getElementById(gehi);

   if(img.src=img.src.substring(img.src.lastIndexOf('/')+1,img.src.length)==gehi+'.gif')
   {
   document.formu.komen.value = document.formu.komen.value + "[" + gehi + "]";
   img.src=gehi+'_.gif';
   }
   else
   {
   document.formu.komen.value = document.formu.komen.value + "[/" + gehi + "]";
   img.src=gehi+'.gif';
   }
   document.formu.komen.focus();
  }
</script>
</head>
<body>
<img name="b" id="b" src="b.gif" onClick="aldatuChar('b')" alt="negrita">
<img name="i" id="i" src="i.gif" onClick="aldatuChar('i')" alt="cursiva">
<br>
<form name="formu">
<textarea name="komen" cols="22" rows="6"></textarea>
</form>
</body>
</html>

Podria ser la version final, aunque todo de puede mejorar, con este script no tenemos contadores, solo miramos que imagen es el que esta en estos momentos en pantalla y segun cual esta hacemos la funcion que necesitamos, abrir o cerrar las etiketas.

Espero que sirva, en mi caso me viene como anillo al dedo para mi foro Giñar

Eso si necesitaremos tantas imagenes como etiketas, b.gif b_.gif i.gif i_.gif ... segun cuantas etiketas pongamos Giñar


« Última modificación: Junio 08, 2006, 11:55:36 por ZiTAL »	En línea

Páginas: [1] Ir Arriba

Foro de Hispabyte.net

Diseño Web

Hosting y Desarrollo Web

HTML / XML / Javascript

(Moderador: D4MR0D)Tema: Funciones diferentes en click pares o impares

« anterior próximo »

	Autor	Tema: Funciones diferentes en click pares o impares (Leído 746 veces)
0 Usuarios y 1 Visitante están viendo este tema.