Cambiar funcion en enlace

isabelramirezmontoya · #1 (**permalink**) 19/10/2012, 14:30

Chicos tengo una duda me colaboran por favor

Tengo el siguiente codigo:

Código HTML:

Ver original<html>
 
<head>
 
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
 
<title>Formulario nota nueva</title>
 
<script type="text/javascript">
        
function boton_inicio()
{
  document.getElementById('boton').innerHTML="Final";
 
}
 
function boton_final()
{
   document.getElementById('boton').innerHTML="Inicio";
 
}
 
</script>
 
</head>
 
<body>
 
<div id="boton"><a href="javascript:boton_inicio();">Inicio</a></div> 
 
</body>
</html>

Necesito cambiar el nombre y la funcion del enlace al oprimir el enlace

Al oprimir el enlace quiero cambiar el nombre del enlace (Inicio por Final) y la funcion (boton_inicio() por boton_final()), ya logre cambiar el nombre del enlace, pero no se como cambiar el nombre de la funcion.

Gracias

IsaBelM · #2 (**permalink**) 19/10/2012, 15:12

prueba con

Cita:

<a href="javascript:boton_inicio();" onclick="this.href = this.href.replace(this.href, function(original) {var fnc = (original == 'javascript:boton_inicio();')? 'javascript:boton_final();' : 'javascript:boton_inicio();'; return fnc;});">Inicio</a>

isabelramirezmontoya · #3 (**permalink**) 19/10/2012, 17:22

IsaBelM, gracias por ayudarme

Probe lo que me sugeriste pero no me funciono

Lo que yo quiero es que al oprimir el enlace, este cambie de nombre (Inicio por final) esto ya lo logre, lo que necesito es que en el mismo enlace tambien cambie el nombre de la funcion (boton_inicio() por boton_final() )

Gracias

IsaBelM · #4 (**permalink**) 19/10/2012, 17:35

lo he probado y es justamente lo que hace. e incluso aprovechando que el pisuerga pasa por valladoliz

Cita:

<a href="javascript:boton_inicio();" onclick="this.href = this.href.replace(this.href, function(original) {var fnc = (original == 'javascript:boton_inicio();')? 'javascript:boton_final();' : 'javascript:boton_inicio();'; return fnc;}); this.innerHTML = (this.innerHTML == 'Inicio') ? 'Final' : 'Inicio';">Inicio</a>

isabelramirezmontoya · #5 (**permalink**) 22/10/2012, 13:57

IsaBelM, estuve probando tu sugerencia, funciona bien pero

Lo que yo estoy buscando es algo parecido a este codigo que pongo a continuacion, ya que son varios los parametros que deseo cambiar en el enlace

Con este codigo logro cambiar el nombre del enlace, pero no logro cambiar la funcion del enlace. ¿Que me falta?

Código HTML:

Ver original<html>
 
<head>
 
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
 
<title>Formulario nota nueva</title>
 
<script type="text/javascript">
        
function boton_inicio()
{
  document.getElementById('boton').innerHTML="Final";
  document.getElementById('funcion').href = "javascript:boton_final();";
}
 
function boton_final()
{
  document.getElementById('boton').innerHTML="Inicio";
  document.getElementById('funcion').href = "javascript:boton_inicio();"; 
}
 
</script>
 
</head>
 
<body>
 
<div id="boton"><a id="funcion" href="javascript:boton_inicio();">Inicio</a></div> 
 
</body>
</html>

Gracias

marlanga · #6 (**permalink**) 22/10/2012, 14:29

http://jsfiddle.net/marlanga/JbJnX/1

isabelramirezmontoya · #7 (**permalink**) 22/10/2012, 15:44

marlanga, que pena contigo no entendi el link

Con el codigo que coloque el nombre del enlace ya se cambia, lo que no logro cambiar es el nombre de la funcion, ¿que falta en la instruccion document.getElementById('funcion').href = "javascript:boton_inicio(); para que funcione?

gracias

marlanga · #8 (**permalink**) 22/10/2012, 15:56

Estas haciendo el innerHTML al elemento equivocado.

isabelramirezmontoya · #9 (**permalink**) 22/10/2012, 17:09

marlanga, soy algo nueva en esto de programar, que pena contigo no entiendo bien lo que me dices que tengo mal

Mi idea es que:

Con esta instruccion document.getElementById('boton').innerHTML="Final" ; cambio el titulo Inicio por final en el id=boton.

Con la instruccion document.getElementById('funcion').href = "javascript:boton_final();" quiero cambiar la funcion que tengo referenciada con id=funcion.

¿No es asi como se debe hacer?

marlanga · #10 (**permalink**) 22/10/2012, 17:49

Con esta instruccion document.getElementById('boton').innerHTML="Final"

Con esa instrucción te cargas en contenido del DIV y lo sustituyes por la cadena de texto "Final".
Es decir, te cargas el enlace y lo sustituyes por una cadena de texto.

Si lo que quieres es cambiar en texto del enlace, el inner se lo haces al enlace.

isabelramirezmontoya · #11 (**permalink**) 22/10/2012, 19:06

marlanga; tal vez no me hecho entender

Cuando presiono este enlace <div id="boton"><a id="funcion" href="javascript:boton_inicio();">Inicio</a></div> yo quiero que cambie Inicio por Final, eso ya lo logre con esta funcion

function boton_inicio()
{
document.getElementById('boton').innerHTML="Final" ;
}

lo que no he logrado es cambiar href="javascript:boton_inicio() por href="javascript:boton_final() cuando presiono el enlace, e intentado con esto document.getElementById('funcion').href = "javascript:boton_final();" pero no lo he logrado

furoya · #12 (**permalink**) 22/10/2012, 20:23

Mirá isabelramirezmontoya, no conozco mucho a marlanga y no sé cuanta paciencia tiene, así que antes de que te diga una barbaridad prefiero meterme yo, que si lo hago ya no sorprende a nadie.

No tenés una duda, tenés un voleo de aquellos, o no entendés un pito de JS.

Como bien te explicaron, con document.getElementById('boton').innerHTML="Final" no estás cambiando el "nombre" al enlace, estás borrando todo el enlace. Solamente dejás el texto adentro del <div id="boton"> ¿a qué enlace le querés cambiar el destino, si ya lo limpiaste?

Tenés que trabajar sobre el <a id="funcion"> siempre.

Y si tenés más de un ancla, lo avisas desde el principio, para que no se pierda tiempo y esfuerzo en dejarte ejemplos y que después aparezcas diciendo que no te sirven.
(Ah, y ya que lo menciono, no podés repetir id's, así que para apuntar a varios enlaces, vas a tener que usar colecciones.)

Ya hace rato que andás por acá. Leete un manualcito, por caridad.

P.D.:

Cita:

Iniciado por IsaBelM

"aprovechando que el pisuerga pasa por valladoliz".

Es lo lindo que tiene este Foro, todos los días aprendemos una frase nueva.

emprear · #13 (**permalink**) 22/10/2012, 21:15

Cita:

Es lo lindo que tiene este Foro, todos los días aprendemos una frase nueva.

Estuve buscando equivalencias, por méxico
Y hablando de enchiladas
Y acá en la Argentina... voy a inventar una
"Que dasatre la inflación, viste"
o es que existe alguna @furoya?

Con respecto a @isabelramirezmontoya, si, es otro de sus desaguisados, pero tiene un mérito, estoy seguro que son de elaboración propia, y eso es mucho decir.
Voy a ver si la pego, en una de esas, esto es lo que intenta hacer

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>cambiar text + función.</title>
<script type="text/javascript">
//<![CDATA[
function cambia() {
 if ((document.getElementById('funcion').innerHTML) == 'Fin') {
    alert('ejecutamos la función para cuando el texto es Fin y luego cambia a Inicio');
  document.getElementById('funcion').innerHTML = 'Inicio';
 }
 else {
  alert('ejecutamos la función para cuando el texto es Inicio y luego cambia a Fin');
  document.getElementById('funcion').innerHTML = 'Fin';
 }
}
//]]>
</script>
</head>
<body>
<a id="funcion" href="#" onclick="cambia()" name="funcion">Inicio</a>
</body>
</html>

furoya · #14 (**permalink**) 23/10/2012, 08:47

¿Sabés que estuve pensando, y no recuerdo ninguna? Debe ser la edad...

Hay muletillas, pero son personales, cada uno usa la suya.

Con respecto al planteo original, es cierto. No hay dudas de que es factura propia. Por eso a veces me meto en sus temas a ver si se puede colaborar. Pero hay cosas que te sacan, esto es más que elemental y encima se lo explicaron claramente!

isabelramirezmontoya · #15 (**permalink**) 23/10/2012, 13:48

emprear, marlanga gracias por sus sugerencias y paciencia

Despues de revisarlo y ver sus sugerencias encontre el error y logre que me funcionara. Esto era lo que necesitaba.

Código HTML:

Ver original<html>
 
<head>
 
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
 
<title>Prueba</title>
 
<script type="text/javascript">
        
function boton_inicio()
{
    document.getElementById('boton').innerHTML="Final";
    document.getElementById('boton').href = "javascript:boton_final()";
}
 
function boton_final()
{
   document.getElementById('boton').innerHTML="Inicio";
   document.getElementById('boton').href = "javascript:boton_inicio()";
}
 
</script>
 
</head>
 
<div><a id="boton" href="javascript:boton_inicio()">Inicio</a></div>
 
</body>
</html>

Gracias

furoya · #16 (**permalink**) 23/10/2012, 18:56

¿Y A MÍ QUE ME PARTA UN RAYO?

¿Para eso te mostré (también) que tenías que apuntarle al enlace?

¡Y encima que me puse a hacer un escript para dejar en tu tema!

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>BOTÓN ARRIBA/ABAJO. FF, Op, Chr, ¿IE?.</title>
<script type="text/javascript">

function desplazado() {
 var altoDocumento = document.body.scrollHeight;
 var yScroll = self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop); 
 var altoVentana = window.outerHeight || screen.availHeight;

	document.title = altoDocumento +" "+ yScroll +" "+ altoVentana;

 if(yScroll < 50){
  document.getElementById("boton").innerHTML = "ABAJO";
  document.getElementById("boton").href = "#abajo";
 }
 else if(yScroll > (altoDocumento-altoVentana)){
  document.getElementById("boton").innerHTML = "ARRIBA";
  document.getElementById("boton").href = "#arriba";
 }
}

onscroll = desplazado;

</script>
<style type="text/css">
#boton {position: fixed; color: red; background-color: silver; 
border: 1px solid black; border-radius: 10%; font-size:150%; 
font-weight: bold; font-family: sans-serif; padding: .5%; 
text-decoration: none; right: 10px; top: 50%; display: block; 
width: 4em; text-align: center; }

#arriba, #abajo {font-size: 300%; }

p {line-height: 350%; }
</style>
</head>
<body>
<div id="arriba">↑</div>

<a href="#abajo" id="boton"> ABAJO </a>

<p>00 <br>01 <br>02 <br>03 <br>04 <br>05 <br>06 <br>07 <br>08 <br>09 <br>
10 <br>11 <br>12 <br>13 <br>14 <br>15 <br>16 <br>17 <br>18 <br>19 </p>

<div id="abajo">↓</div>
</body>
</html>

(Ahora por eso, no te dejo nada ...

¡Tomá, tomá y tomá!)

P.D. : Una última duda. Al final sos nena o sos nene ?. Porque recuerdo algún tema donde te referías a vos mismo/a con género masculino, pero aquí dijiste "soy algo nueva en esto de programar". Ahora me asaltó la duda.

(Por favor, decime que sos mujer ...)

IsaBelM · #17 (**permalink**) 24/10/2012, 05:57

Cita:

Iniciado por furoya

P.D. : Una última duda. Al final sos nena o sos nene ?. Porque recuerdo algún tema donde te referías a vos mismo/a con género masculino, pero aquí dijiste "soy algo nueva en esto de programar". Ahora me asaltó la duda.

(Por favor, decime que sos mujer ...)

eres un fakebuster
http://www.forosdelweb.com/f13/como-...9/#post4266986

Cita:

if(mujer == hombre) return hombre;

a partir de ahora yo también seré ambiguo

emprear · #18 (**permalink**) 24/10/2012, 06:27

Cita:

Iniciado por IsaBelM

a partir de ahora yo también seré ambiguo

Que decepción

, ya no se puede confiar en los perfíles.
Cvander, creador el primer foro andrógino del cyberspacio.
Hasta el Guinness no paramos !!!!

furoya · #19 (**permalink**) 24/10/2012, 07:16

¿fakebuster? ¿ambiguo? ¿andrógino ?

En mi barrio les dicen de otra forma...

Y con respecto a

Cita:

Iniciado por IsaBelM

a partir de ahora yo también seré ambiguo

aclará que es broma, porque alguno ya se debe estar arrojando por una ventana.

P.D.: Qué lástima que ya lo desvirtuamos. Como no podía dormir, hice otra versión del escript que no le voy a postear a isabelramirezmontoya, y pensaba mostrarlo en algún lado para ver si me lo podían ajustar. Hay un desplazamiento que no me sale muy bien (por no decir que me sale para el c*l*). Bueno, quizá otro día.

marim · #20 (**permalink**) 24/10/2012, 07:45

isabelM, emprear, furoya, vaya trio (o sexteto por lo que estan mencionando)
Como me hacen reir

Ja ja ja

IsaBelM · #21 (**permalink**) 24/10/2012, 13:30

<desvirtuación>
creo que somos un trio (sin ningún tipo de connotación) como la santisima trinidad

me pregunto, quién de los 3 es el padre??

</desvirtuación>

furoya · #22 (**permalink**) 24/10/2012, 15:01

Me corresponde. Privilegios de la edad.

(Bueno, ya que desbarrancamos el tema, disfrutemos la caída.)

¿Sabías que en varias lenguas semíticas (y otras más antiguas) "el espíritu" era en realidad "la espíritu"?.

Se hizo masculino en alguna traducción, pero originalmente las trilogías eran un concepto de unidad familiar.

Con respecto a lo de "fakebuster" (que en mi barrio le dicen "buchón"), quiero aclarar que no hay animadversión personal hacia isabelramirezmontoya (sigo dolido por su desprecio, pero mañana mi analista me lo supera; para eso le pago). Lo mío fue solamente otro típico comentario machísta que me brota de vez en cuando.

Por supuesto que ni me interesa si es hombre, mujer o lo que más le guste.
Afortunadamente en esta vida cada uno puede hacer de su culto un rito, sin tener que darle explicaciones a nadie.

Y menos a mí.