Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

0 votes

Hallo,

ich möchte eine Aufgabe mit dem Auswahl-Abfolge Baustein erstellen. Dabei wäre es wichtig, dass die Felder mit den Antwortalternativen beim Hovern über den Button nicht aufleuchten. Kann ich das Aufleuchten irgendwie ausstellen und muss ich dafür in den internen Code des Fragebogens eingreifen (wenn ja, wie)?

Vielen Dank im Voraus!

in SoSci Survey (dt.) by s113714 (280 points)
Würden Sie bitte einen Pretest-Link direkt (!) zur betroffenen Seite posten? Dann verrate ich Ihnen den CSS-Code, den Sie benötigen, um den Hover-Effekt zu unterbinden.
Hier ist der Pretest-Link: https://www.soscisurvey.de/bajpc/?act=XMpun32K2SJLn2oT9RNoHh45

Es geht eigentlich nur um die Fläche die bei der ♦︎-Taste aufleuchtet.

1 Answer

+1 vote

Bitte ergänzen Sie in der "HTML-Vorlage" des Fragebogen-Layout (für alle Seiten) oder per PHP-Befehl pageCSS() (nur für die eine Seite) den folgenden CSS-Code:

.selClickAvailable:hover {
    background-color: transparent;
}

Zum Beispiel:

pageCSS('
    .selClickAvailable:hover {
        background-color: transparent;
    }
');
by SoSci Survey (207k points)
Vielen Dank, das hat mir sehr weitergeholfen! Jetzt leuchtet das entsprechende Feld nur noch auf, wenn man es angeklickt hat. Gibt es, um dies zu verhindern,  einen äquivalenten Befehl zu hover? Ich habe bereits visited, active und focus ausprobiert.
Eigentlich müsste es "active" sien, also:

pageCSS('
    .selClickAvailable:hover,
    .selClickAvailable:active {
        background-color: transparent;
    }
');

Sie scheinen den Befehl zwischenzeitlich entfernt zu haben, deshalb kann ich den aktuellen Stand mit dem Pretest-Link oben gerade nicht prüfen.
Danke für die schnelle Antwort! In meinen CSS Code für den Style folgendes eingefügt:
.selClickAvailable:hover {
    background-color: transparent;
}

.selClickAvailable:active{
    background-color: transparent;
}

Leider scheint es damit nicht zu funktionieren. Für den aktuellen Stand hier noch einmal der Link zum Pretest:
https://www.soscisurvey.de/bajpc/?act=iNlODGZSNioJPBGI2n6BZ84e

Es geht vorrangig wieder um den Druck auf die ♦︎-Taste.
Wenn ich es korrekt sehe, dann erscheint das Feld erst *nach* dem Loslassen der Taste. Versuchen Sie bitte folgendes:

.selClickAvailable:hover,
.selClickAvailable:active,
.selClickAvailable:focus,
.selClickSelected {
    background-color: transparent;
}

Und dann müsste ich nochmal in den Pretest-Link schauen.
Damit funktioniert es. Vielen Dank, der Support ist echt super!
...