Modèle:MinecraftConnect

(7 versions intermédiaires par le même utilisateur non affichées)

Ligne 1 :

<includeonly><templatestyles src="Modèle:MinecraftConnect/styles.css" /><div class="mc-connect{{#if:{{{image|}}}|| mc-connect--no-image}}">{{#if:{{{image|}}}|<div class="mc-connect-background">[[Fichier:{{{image}}}|link=|120px]]<div class="mc-connect-overlay"></div></div>}}<div class="mc-connect-content"><span class="mc-connect-label">{{{text|Serveur Minecraft}}}</span><span class="mc-connect-address" id="mc-address">{{{address|nefald.fr}}}</span><button class="mc-connect-copy" onclick="copyMCAddress()" title="Copier l'adresse">📋</button></div></div><script>

function copyMCAddress() {

var address = document.getElementById('mc-address').textContent;

<div ~~class~~="mc-connect-~~content">~~

navigator.clipboard.writeText(address).then(function() {

~~[[Fichier:{{~~#~~if:~~{~~{{image|}}}|{{{image}}}|Minecraft-icon~~.~~svg}}|40px|link=|alt~~=~~Minecraft]]~~

var btn = document.querySelector('.mc-connect-copy');

'''~~{{{texte|Copier l~~'~~adresse}~~}}'''

btn.textContent = '✓';

~~</div>~~

btn.style.background = '#4CAF50';

~~</button>~~

setTimeout(function() {

~~<span class="mc-connect-feedback">✓ Copié !~~</~~span>~~

btn.textContent = '📋';

~~</div~~></includeonly><noinclude>{{Documentation}}</noinclude>

btn.style.background = '';

}, 2000);

}).catch(function() {

alert('Adresse: ' + address);

});

}

</script></includeonly>

[[Catégorie:Modèle de navigation]]

</noinclude>