Text von dem Label weiterleiten mit Url.

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Strencher

Neues Mitglied
3 August 2019
5
0
1
21
So ich bäuchte mal hilfe, ich möchte nen Kleines Moderatoren tool erstellen, ich hab soweit alle hinbekommen aber bei dem letztem tool spackt es ein bisschen.
5194
So aber jetzt möchte ich den input von Name: zu der Url die sich öffnet wenn ich auf z.B Öffne ViewerCard von Strencher_ klicke hinzufügen.
Das ist der link Aber er fügt ?user=+Input dran. Das ist aber falsch. Ich möchte das nur der Input hinzugefügt wird. Kann mir da wer helfen? :)
 

basti1012

Senior HTML'ler
26 November 2017
1.070
113
63
38
Minden
sebastian1012.bplaced.net
du möchtest also das so haben .
Wenn du auf den Button "Öffnne viewerCard von Strencher_ " , das er den Link öffnet den du in das Textfeld eingegeben hast ? Also den Link( profil) zu den Namen.
Könntest du mal deinen Code dazu zeigen ? Denke mal das du da nur nee kleinigkeit falsch gemacht hast
 

Strencher

Neues Mitglied
3 August 2019
5
0
1
21
<!DOCTYPE html>

<html lang="de">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>ViewerCard</title>
</head>
<body>
<h2 class="text-center">Twitch Viewercard</h2>
<div class="container">
<div class="row">
<div style="display:none" class="auth" class="text-center">
<p>Gebe hier den Namen ein:</p>
</div>
<form>
<li><a href="index.html">Startseite</a></li>
<label for="name">

<label with="name">Name:</label>
<input name="">

<button formaction="https://www.twitch.tv/popout/shoxx__/viewercard/">
Öffne ViewerCard von ShoXx__
</button>
<button formaction="https://www.twitch.tv/popout/shoxx__/viewercard/">Öffne ViewerCard von Strencher_</button>
</body>
</html>
 

basti1012

Senior HTML'ler
26 November 2017
1.070
113
63
38
Minden
sebastian1012.bplaced.net
jo.
Also das
Code:
with="name"
gibt es meines wissens nicht.Kann mich auch irren , doch das glaube ich gerade nicht.
Dann dies
Code:
<button formaction="https://www.twitch.tv/popout/shoxx__/viewercard/">
geht so auch nicht.
Du hast wahrscheinlich nach sowas gesucht
Code:
<form action="https://www.twitch.tv/popout/shoxx__/viewercard/">  und so weiter
Sollte das eine Lösung werden ohne Javascript ?

Normalerweise würde ich deine vorhaben so machen
Code:
<input type="text" id="namen">
<input type="button" id="openuser" value="Öffne ViewerCard von XXX ">
<script>
document.getElementById('openuser').addEventListener('click',function(){
usernamen=document.getElementById('namen').value;
window.open('https://www.twitch.tv/popout/shoxx__/'+usernamen+'/');
/*oder*/
// location.href='https://www.twitch.tv/popout/shoxx__/'+usernamen+'/';
});
</script>
Nur eine Lösung ohne Javascript ist glaube ich gar nicht möglich mit den Textfeld. Du müsstest dann jeden Button vorbelgen mit einen Namen.
Da du ja das Textfeld haben möchtest geht es wohl nur mit JS
 

basti1012

Senior HTML'ler
26 November 2017
1.070
113
63
38
Minden
sebastian1012.bplaced.net
Was für ein Tool ?
Nutzt du sowas wie Wordpress oder irgendwelche Editoren ?
Oder Noname Hoster wo Javascripte nicht erlaubt sind ?
Ansonsten kann man die ganz normal über Link einbinden
Code:
<script src="link zum Javascript.js"></script>
oder nur mit <script> wie siehe unten.



Zum testen kopierst du es mal so auf einer kompletten Seite wie du es gemacht hast
Also so
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>ViewerCard</title>
</head>
<body>
<h2 class="text-center">Twitch Viewercard</h2>
<input type="text" id="namen">
<input type="button" id="openuser" value="Öffne ViewerCard von XXX">
<script>
document.getElementById('openuser').addEventListener('click',function(){
usernamen=document.getElementById('namen').value;
window.open('https://www.twitch.tv/popout/shoxx__/viewercard/'+usernamen+'');
/*oder*/
// location.href='https://www.twitch.tv/popout/shoxx__/viewercard/'+usernamen+'';
});
</script>
</body>
</html>
Du mußt dir nur den Link anpassen. Weil du schreibst das der Link hinzugefügt werden soll, so wie ich es jetzt gemacht habe. Mitten im Link steht ja auch ein Name.
Kenne die Seite nicht und kenne den richtigen Link auch nicht
Nur jetzt kommt bei mir nix. Klicke ich dein Link am Anfang an sagt er mir ich brauche nee Zeitmaschiene.
 
Werbung: