2 Buttons / Grafiken in Eingabeframe rechts

Fragen zu HTML, CSS, eigenen Erweiterungen etc.
Benutzeravatar
Kojoo
Beiträge: 5
Registriert: 10.04.2014, 10:43
Kontaktdaten:

Re: 2 Buttons / Grafiken in Eingabeframe rechts

Ungelesener Beitrag von Kojoo » 05.04.2017, 22:11

Danke für deine schnelle Antwort... Ich Probiere es morgen Mal aus und wegen den Bildern die würde ich dann kleiner machen mal schauen was sich besser macht .
Wahres Glück gibt es nur, wenn man die Freuden am Leben mit anderen teilen kann!

Benutzeravatar
Kojoo
Beiträge: 5
Registriert: 10.04.2014, 10:43
Kontaktdaten:

Re: 2 Buttons / Grafiken in Eingabeframe rechts

Ungelesener Beitrag von Kojoo » 10.04.2017, 18:52

joar hey meine lieben ich bins dann nochmal, wäre es auch möglich 4 buttons nebeneinander zu setzen. hab bissel versucht selber den code hinzubekommen aber erfolgreich gescheitert. Ob sich da nochmal wer mein anliegen annehmen könnte?.

Lg. Kojoo
Wahres Glück gibt es nur, wenn man die Freuden am Leben mit anderen teilen kann!

Maxs
Moderator
Beiträge: 551
Registriert: 09.10.2008, 18:21
Kontaktdaten:

Re: 2 Buttons / Grafiken in Eingabeframe rechts

Ungelesener Beitrag von Maxs » 12.04.2017, 00:53

Hallo Kojoo,

hier ein Script, das dir individuell viele Bilder im Eingabeframe unter der Linkleiste, aber über der Eingabezeile, erlaubt:
Script:Zeigen

Code: Alles auswählen

piImg = ["BILD1", "BILD2", "BILD3", "BILD4"];
piUrl = ["URL1", "URL2", "URL3", "URL4"];
piNewHeight = 100;

if (piImg.length != piUrl.length) {
  piImgdiv=document.createElement("div");
  piImgdiv.innerHTML="<b>Achtung:</b> Im Script zum Hinzufügen der Bilder zwischen der Link- und Eingabezeile ist dir ein Fehler unterlaufen. Nicht jedes Bild hat einen Link oder umgekehrt.";
  piImgdiv.style.color = "red";
  document.getElementsByTagName("body")[0].appendChild(piImgdiv);
} else {
  pi=parent.info; 
  pid=pi.document; 
  if(!pi.cell) {
    pi.cell = pid.createElement("tr"); 
    for (var piI = 0; piI < piImg.length; piI++) {
      addPiImg(piI);
    }
    pi.cell.innerHTML = "<center"+">"+pi.cell.innerHTML+"<"+"/center>"; 
    pid.getElementsByTagName("table")[0].insertBefore(pi.cell, pid.getElementsByTagName("table")[0].firstChild);
  }
  if (piNewHeight != 100) {
    framesets=parent.document.getElementsByTagName("frameset");for(i in framesets){if(framesets[i].rows=="*,100"){framesets[i].rows="*,"+piNewHeight}}
  }
}
function addPiImg(i) {
  var img = pid.createElement("img"); 
  img.setAttribute("src", piImg[i]); 
  img.style.border="20xp"; 
  var newLink = pid.createElement("a"); 
  newLink.setAttribute("target", "_blank"); 
  newLink.setAttribute("href", piUrl[i]); 
  if (i>0) newLink.style.paddingLeft='20px';
  newLink.appendChild(img); 
  pi.cell.appendChild(newLink);
}
In der 1. Zeile müssen im Array alle URLs zu den Bildern angegeben werden und in der 2. Zeile jeweils eine URL für den Link dazu. In der 3. Zeile kannst du beliebig die Höhe des Eingabeframes anpassen, da er ja durch die Extra-Bildzeile evtl. zu schmal wird. 100 ist dabei Standard. Wenn du sie nicht ändern willst oder ein anderes Script dazu nutzt, lasse den Wert einfach auf 100.

Das ganze kommt dann in eine JavaScript-Datei und muss auf deinen Webspace hochgeladen werden. Danach bindest du es mit

Code: Alles auswählen

<script type="text/javascript" src="URL-ZUR-JAVASCRIPT-DATEI"></script>
in der 1. und 3. Ankündigung ein. Danach sollte es funktionieren. :)
Wäre es nicht adäquat, den Usus heterogener Termini zu minimieren?

Benutzeravatar
Kojoo
Beiträge: 5
Registriert: 10.04.2014, 10:43
Kontaktdaten:

Re: 2 Buttons / Grafiken in Eingabeframe rechts

Ungelesener Beitrag von Kojoo » 12.04.2017, 19:47

Dankeeeeeeee schön klappt super :mrgreen:
Wahres Glück gibt es nur, wenn man die Freuden am Leben mit anderen teilen kann!

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 46 Gäste