HTML - Necesito obtener una URL con la id de mis TABS

 
Vista:

Necesito obtener una URL con la id de mis TABS

Publicado por Bryam (1 intervención) el 14/02/2019 12:12:31
Esta es mi función
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
 
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>

HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')">London</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>
 
 
<div id="London" class="tabcontent">
  <h3>London</h3>
  <p>London is the capital city of England.</p>
</div>
 
<div id="Paris" class="tabcontent">
  <h3>Paris</h3>
  <p>Paris is the capital of France.</p>
</div>
 
<div id="Tokyo" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
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: 376
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Necesito obtener una URL con la id de mis TABS

Publicado por ScriptShow (390 intervenciones) el 15/02/2019 13:38:12
Saludos Bryam,

coloca este código a modo de test, al final del Script...

1
confirm(document.location + "#" + cityName);

Si lo ponemos en una variable, obtendrá el valor, que puede ser procesado, utilizado, etc.

Espero 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