2 text eingaben in einer function ?

Hallo erstmal :) Ich hoffe ist hier richtig ansonsten bitte verschieben :)

Also ich bin noch recht jung in java und hab mal eine frage. undzwar mache ich eine function das wenn man ein bild anklickt ein text in ein imput feld erscheind. soweit geht es auch allerdings muss ich für jedes bild eine function machen, geht das nicht auch in einer ?

Bsp. ich habe

Java:
function p1() {
    document.poster1.poster.value = "https://xxxZensiertxxx/coverurl/The-Walking-Dead.jpg";
}
function p2() {
    document.poster1.poster.value = "https://xxxZensiertxxx/coverurl/privatepractice.jpg";
}
function p3() {
    document.poster1.poster.value = "https://xxxZensiertxxxg/coverurl/the_simpsons_s25.jpg";
}
Die eingabe mach ich so

PHP:
<img src="coverurl/The-Walking-Dead.jpg" width="99" height="120" name="button1"  onClick="p1()">
<img src="coverurl/privatepractice.jpg" width="99" height="120" name="button1"  onClick="p2()">
<img src="coverurl/the_simpsons_s25.jpg" width="99" height="120" name="button1"  onClick="p3()">
bekomm ich das irgendwie hin das es als bsp. so ist
Java:
function p1() {
    document.poster1.poster.1value = "https://black-files.dontexist.org/coverurl/The-Walking-Dead.jpg";
    document.poster1.poster.2value = "https://black-files.dontexist.org/coverurl/privatepractice.jpg";
    document.poster1.poster.3value = "https://black-files.dontexist.org/coverurl/the_simpsons_s25.jpg";
}
PHP:
<img src="coverurl/The-Walking-Dead.jpg" width="99" height="120" name="button1"  onClick="p1(1)">
<img src="coverurl/privatepractice.jpg" width="99" height="120" name="button1"  onClick="p1(2)">
<img src="coverurl/the_simpsons_s25.jpg" width="99" height="120" name="button1"  onClick="p1(3)">
wie ist das umsetztbar ?

mfg
 
HTML:
<!doctype html>
<html>
<body>

<script type="text/javascript">    

function p1(nameVomFilm) {

  if(nameVomFilm == 'WalkingDead'){
    document.getElementById('satz1').innerHTML = 'https://xxxZensiertxxx/coverurl/The-Walking-Dead.jpg';
  }

  else if(nameVomFilm == 'PrivatePractice'){
    document.getElementById('satz1').innerHTML = 'https://xxxZensiertxxx/coverurl/privatepractice.jpg';
  }
  
  else if(nameVomFilm == 'Simpsons'){
    document.getElementById('satz1').innerHTML = 'https://xxxZensiertxxxg/coverurl/the_simpsons_s25.jpg';
  }
}


</script>

<img src="coverurl/The-Walking-Dead.jpg" width="99" height="120" name="button1" onClick="p1('WalkingDead')">
<img src="coverurl/privatepractice.jpg" width="99" height="120" name="button1" onClick="p1('PrivatePractice')">
<img src="coverurl/the_simpsons_s25.jpg" width="99" height="120" name="button1" onClick="p1('Simpsons')">

<p id="satz1">Hallo!</p>

</body>
</html>
 
Passende Stellenanzeigen aus deiner Region:

Neue Themen

Oben