HTML div class conditionnel URL

J'ai fourré un sélecteur d'équipe aléatoire NBA 2K d'un autre utilisateur et je l'ai ajusté à mes besoins. Je suis perplexe sur quelque chose de probablement simple pour l'un d'entre vous. Merci d'avance.HTML div class conditionnel URL

Lorsque le bouton "Randomize" est cliqué, l'équipe "name" et "logo" s'affichent. J'ai ajouté une url "roster" à afficher, mais je veux que cette URL soit cliquable dans un nouvel onglet/fenêtre. Je n'arrive pas à comprendre.

https://codepen.io/nick-c/pen/dNwMaZ

est juste ci-dessous le code html. Je n'ai pas réussi à poster tout le script et css.

<div class='container'> 
    <div class='title'> 
    <img src='http://fluidesign.co.uk/wp content/uploads/2016/12/NBA_2K17_logo.png'/> 
    </div> 
    <div class='team home'> 
    <h3>Home</h3> 
    <div class='logo'></div> 
    <div class='name'>?</div> 
    <div class='roster'>Click for Rosters</div> 
    <div class='random'>Randomize</div> 
    </div> 
    <div class='team away'> 
    <h3>Away</h3> 
    <div class='logo'></div> 
    <div class='name'>?</div> 
    <div class='random'>Randomize</div> 
    </div> 
    <div class='vs'>vs</div> 
    <div class='clear'></div> 
</div>

Source

2017-02-12 Nick Chand

Vous n'avez pas "réussi à publier tout le script et css"? Où est la différence entre le coller dans un codepen ou le coller dans l'outil code snipped ici sur StackOverflow? Quoi qu'il en soit ...

Vous n'êtes actuellement couchait le lien en tant que texte dans la ligne:

$(".home .roster").text(teams[index].roster);

Mais ce que vous voulez faire est d'ajouter comme un lien:

$(".home .roster").html('<a href="' + teams[index].roster + '" class="divLink" target="_blank">Webpage URL</a>');

facile hein? ;) Voir une fourchette de travail de votre codepen ici: https://codepen.io/anon/pen/xgmEOm

Source

2017-02-12 10:57:52 Connum

Désolé, je suis nouveau donc pas le droit de ce poster plus de 2 URL qui me interdit de poster le code entier entier. J'ai ajouté votre suggestion et cela fonctionne exactement comme je le voulais. Merci beaucoup –

je pense que vous voulez que ce

<a href="link-here" target="_blank">example</a>

Source

2017-02-12 10:58:44

HTML div class conditionnel URL

Répondre

Questions connexes