Weiter Button als Bild

Question

Hallo,

ich würde gerne auf einer Seite den Weiter- Button als Bild darstellen.

Sonst habe ich den Weiter- Button immer mit option('nextbutton', 'Daten abschicken'); verändert. Bzw. dann mit CSS angepasst. Das scheint hier auf die gewohnte Art nicht zu funktionieren.

Hat jemand eine Idee wie ich das angehen kann?

Viele Grüße

PS: Kann es sein das die Forum Suche nicht mehr wie gewohnt funktioniert? Es werden jetzt Google Suchergebnisse angezeigt...

Answer 1

SoSci Survey verwendet für den "Weiter"-Knopf das HTML-Element <input>, nicht <button>. Dies hatte in der Vergangenheit einige Vorteile bei der Kompatibilität, erschwert aber die Verwendung von Bildern.

Sie können das Element aber problemlos mittels JavaScript anpassen:

<script type="text/javascript">
window.addEventListener("load", function() {
    var orgButton = document.getElementById("submit0");
    var newButton = document.createElement("button");
    newButton.setAttribute("id", orgButton.getAttribute("id"));
    newButton.setAttribute("name", orgButton.getAttribute("name"));
    newButton.innerHTML = '<img src="../layout/logo.png">';
    orgButton.parentNode.replaceChild(newButton, orgButton);
});
</script>

Answer 2

PS: Kann es sein das die Forum Suche nicht mehr wie gewohnt funktioniert? Es werden jetzt Google Suchergebnisse angezeigt...

Diese Antwort war ich noch schuldig geblieben...

Ja, wir haben kürzlich die Suchfunktion im Online-Support ausgetauscht. Die interne Suche lieferte leider nur sehr ungenügende Suchresultate - zum Beispiel konnte man nicht nach Antworten suchen, in denen zwei Wörter gleichzeitig vorkommen.

Deshalb haben wir nun eine seitenspezifische Suche bei Google eingerichtet - und zwar so, dass tatsächlich nur Daten an Google übermittelt werden, wenn man auch etwas sucht. Nachteil sind einige Werbeanzeigen über den Suchergebnissen. Aber dafür findet man die Inhalte deutlich besser.