1

tengo una fila donde le meto un link que viene de firebase

 cellName.appendChild(document.createTextNode(childData.foto_url));

me sale un link, pero ese link tengo que copiarlo y meterlo en el buscador. No es eficiente. Me gustaria ponerle un:

<a href="https://www.w3schools.com/html/">Pulsa para ver la foto</a>

Hago lo siguiente pero no funciona:

      var strMensaje='Pulsa para ver la foto';
      var urlFirebase=childData.foto_url;
      var urlFinal= strMensaje.link(urlFirebase);       
      document.getElementById("link").innerHTML=urlFinal;

    cellName.appendChild(document.createTextNode(Verás aquí tu link:<div id="opcion2"></div>));

Sabeis como hacerlo?

3
  • ¿Cómo viene exactamente el link de firebase?
    – A. Cedano
    Commented el 13 nov. 2017 a las 14:13
  • pues firebasestorage.go...... y todo el carro. Me gustaria que apretando lo de >Pulsa para ver la foto</a> ya me lleve al link (edit: aqui sale en azulita, pero alli sale en texto )
    – Vidal
    Commented el 13 nov. 2017 a las 14:17
  • Hubiese agradecido que pusieras el dato tal cual: https://firebasestorage.go/. Supongamos que almacenas aquí lo que recibes de firebase: var strRecibida='https://firebasestorage.go/';. Entonces construyes tu linkURL='<a href="'+strRecibida+'">Pulsa para ver la foto</a>'; Al mostrar tu variable linkURL en el DOM tendrás un enlace como el que quieres.
    – A. Cedano
    Commented el 13 nov. 2017 a las 14:21

1 respuesta 1

0

Suponiendo que recibes esta URL desde Firebase: https://firebasestorage.go/

Puedes proceder de dos maneras:

Opción 1

Construir tu enlace mediante el método link perteneciente a String.prototype:

    var strMensaje='Pulsa para ver la foto';
    var urlFirebase='https://firebasestorage.go/';
    var urlFinal= strMensaje.link(urlFirebase);       
    document.getElementById("link").innerHTML=urlFinal;
Verás aquí tu link:
<div id="link"></div>

En urlFinal tendrás el enlace como lo quieres.


Opción 2:

Crear el link tú mismo sin ningún método.

var strMensaje = 'Pulsa para ver la foto';
var urlFirebase = 'https://firebasestorage.go/';
var urlFinal = '<a href="' + urlFirebase + '">' + strMensaje + '</a>';
document.getElementById("opcion2").innerHTML = urlFinal;
Verás aquí tu link:
<div id="opcion2"></div>

var strMensaje='Pulsa para ver la foto';
var urlFirebase='https://firebasestorage.go/';
var urlFinal= '<a href="'+ urlFirebase +'">'+strMensaje+'</a>';

NOTA:

Se podría hacer lo mismo siguiendo la lógica de tu programa:

var strMensaje = 'Pulsa para ver la foto';
var urlFirebase = childData.foto_url;
var urlFinal= strMensaje.link(urlFirebase);       

cellName.appendChild(urlFinal);
11
  • pero eso donde va en lo de :cellName.appendChild(document.createTextNode(childData.foto_url));
    – Vidal
    Commented el 13 nov. 2017 a las 14:32
  • @Vidal no entendí bien tu comentario. Si construyes el link como se explica en la respuesta se mostrará como se indica en pantalla al pulsar el botón Ejecutar. Si lo haces mediante la Opción 1 será mucho más fácil.
    – A. Cedano
    Commented el 13 nov. 2017 a las 14:38
  • he editado la pregunta, a ver si le puedes pegar un vistazo
    – Vidal
    Commented el 13 nov. 2017 a las 14:40
  • Si funciona bien, debería extraerse con childData.foto‌​_url. Ya que document.createTextNode lo que hace es crear un nodo de texto con el link de la foto. Para lo que quieres, basta con obtener la URL en una variable y crear el link con ella: var urlFirebase=childData.foto‌​_url;
    – A. Cedano
    Commented el 13 nov. 2017 a las 14:44
  • @Vidal revisa la NOTA que puse al final de la respuesta. Así puedes construir el enlace siguiendo la lógica de tu programa.
    – A. Cedano
    Commented el 13 nov. 2017 a las 14:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.