Put Link in a table

1

I have a row where I put a link that comes from firebase

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

I get a link, but that link I have to copy it and put it in the search engine. It is not efficient. I would like to put a:

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

I do the following but it does not work:

      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>));

Do you know how to do it?

    
asked by Vidal 13.11.2017 в 15:04
source

1 answer

0

Assuming you receive this URL from Firebase: https://firebasestorage.go/

You can proceed in two ways:

Option 1

Build your link using the link method pertaining to 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>

In urlFinal you will have the link as you want it.

Option 2:

Create the link yourself without any method.

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>';

NOTE:

You could do the same following the logic of your program:

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

cellName.appendChild(urlFinal);
    
answered by 13.11.2017 / 15:29
source