Homepage Community

Homepage Forum => HTML, CSS, Layout und Design => Thema gestartet von: Nick am 13 Mär 2013, 23:13

Titel: Wie kann ich erstellten Button mit iframe verbinden
Beitrag von: Nick am 13 Mär 2013, 23:13
Hallo!
Seit ungefähr 4 Tagen versuche ich, mir eine Webseite einzurichten...bin sozusagen noch ein ziemlicher Greenhorn, was das schreiben von HTML angeht...(aber aller Anfang ist ja bekanntlich schwer)
Meine Buttons, die ich für einige Anwendungen verwenden möchte, habe ich wie folgt zusammengebaut:

<button name="button1" type="button" target="-">
<p><img src="beliebige.jpg" width="106" height="109"/></p>
</button>

Dieser Button soll nun genauso auf meiner Webseite angezeigt werden (mit entsprechenden jpg.).
Wenn nun auf den Button geklickt wird, soll sich daraufhin beispielsweise ein iframe öffnen.

Ich hatte eine Funktion gefunden, die so ähnlich funktioniert, jedoch bekomme ich meinen Button nicht eingebunden...  :-\
Diese sieht folgendermaßen aus:

<script type=\"text/javascript\">
function switchlayer(Layer_Name)
{
  var GECKO = document.getElementById? 1:0 ;
  var NS = document.layers? 1:0 ;
  var IE = document.all? 1:0 ;

  if (GECKO)
       {document.getElementById(Layer_Name).style.display=
      (document.getElementById(Layer_Name).style.display==\'block\') ? \'none\' : \'block\';}
  else if (NS)
       {document.layers[Layer_Name].display=(document.layers[Layer_Name].display==
      \'block\') ? \'none\' : \'block\';}
  else if (IE)
       {document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display==
      \'block\') ? \'none\' : \'block\';}
}
</script>




<input type=\"button\" value=\"Iframe anzeigen\"
      onclick=\"javascript:switchlayer(\'iframe\');
    return false;\">

<div id=\"iframe\" style=\"display:none;\">
  Hier kommt die Iframe rein!!!
</div>




Könnte mir da vielleicht irgendjemand weiterhelfen...

Es wäre schön, wenn mir einer von Euch weiterhelfen, und alles noch ein wenig erklären könnte, damit ich die Funktionen auch begreife...

Grüße vom Nick
Titel: Re: Wie kann ich erstellten Button mit iframe verbinden
Beitrag von: Luca am 09 Mai 2013, 14:00
Hallo Nick,
wie wäre es, wenn Du Dich grundsätzlich mit html und der definition von Verweislinks beschäftigst. Die Anforderung, die Du schilderst läst sich auch ohne java realisieren. Schau mal hier: Klick-Buttons definieren (http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern)
Viele Grüße