Fragen und Antworten » Anklickbares Bild mit unterlegtem Link

Anklickbares Bild mit unterlegtem Link

Gestern 22:07

spotter46
#1 Anklickbares Bild mit unterlegtem Link

Dass es möglich ist und wie es gemacht wird, statt einem "reinen" Link eine etwas "vornehmere" Ansicht zu platzieren, ist bekannt.
In der Iconbar unter [url][/url] integriert.

Weiß aber jemand von euch, wie es möglich gemacht werden kann, dass in einem Beitrag ein Bild angezeigt wird und beim Klick darauf ein Link geöffnet wird ?

Die Prozedur sollte dann auch in der Iconbar hinterlegt werden.

Ich hoffe mich verständlich ausgedrückt zu haben.

Antworten

Beitrag melden

Heute 01:14

Olaf
#2 RE: Anklickbares Bild mit unterlegtem Link

Olaf

Ich habe mal was zusammengebastelt.
Eingabe in der Iconbar in einen neuen HTML Baustein,ich habe ihn den Namen "Bild mit Link" gegeben und den folgenden Code
dann in das Fenster setzen und speichern.In der Iconbar ist ein Kettenglied als Icon dann zu sehen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<div onclick="insertCustomBBCode()" class="xob_icon_cont">
<img title="Bild mit Link einf&#252;gen" alt="Bild mit Link" class="xob_icon" src="//files.homepagemodules.de/b138600/a_255_cbd7927f.png" style="width:15px; height:15px;">
</div>
 
<script>
function insertCustomBBCode(){
var link = prompt("Gib die Ziel-URL ein (z.B. https://www.beispielseite.de):");
var bild = prompt("Gib die Bild-URL ein (z.B. https://www.beispielseite.de/bild.jpg):");
if (link && bild){
var bbcode = '[url=' + link + '][img]' + bild + '[/img][/url]';
var textarea = document.getElementById('messagetext');
if (textarea){
var start = textarea.selectionStart;
var end = textarea.selectionEnd;
var text = textarea.value;
textarea.value = text.substring(0, start) + bbcode + text.substring(end);
textarea.selectionStart = textarea.selectionEnd = start + bbcode.length;
textarea.focus();
}
else{
alert("Textfeld nicht gefunden.");
}
}
}
</script>
 
 