Heinrich23
Neues Mitglied
Hallo Zusammen,
ich bin neu hier und benötige eure Hilfe.
Ich verwende auf meiner Webseite für den Anmerkungen ein unsichtbares DIV, dass ich bei Anklicken einblende. Bis jetzt erscheint das DIV mit einem prozentualen Abstand von oben. Ich möchte nun aber, dass das DIV 10 px unterhalb des Anmerkungszeichens (<sup>♦</sup>) erscheint. Was muss ich in meinen Quelltext (s.u.) einfügen bzw. wie diesen umbauen, damit es funktioniert?
Ich habe überlegt, über die aufgerufene Funktion die Mauszeigereposition abzufragen und dann zu übergeben, hab es aber nicht hinbekommen. Es würde mich deshalb freuen, wenn mir jemand von euch weiterhelfen könnte.
Gruß
Heinrich
QUELLTEXT:
HTML
qa-bi-1 ist die ID des DIV, das in diesem Fall angezeigt werden soll
JavaScript
CSS
ich bin neu hier und benötige eure Hilfe.
Ich verwende auf meiner Webseite für den Anmerkungen ein unsichtbares DIV, dass ich bei Anklicken einblende. Bis jetzt erscheint das DIV mit einem prozentualen Abstand von oben. Ich möchte nun aber, dass das DIV 10 px unterhalb des Anmerkungszeichens (<sup>♦</sup>) erscheint. Was muss ich in meinen Quelltext (s.u.) einfügen bzw. wie diesen umbauen, damit es funktioniert?
Ich habe überlegt, über die aufgerufene Funktion die Mauszeigereposition abzufragen und dann zu übergeben, hab es aber nicht hinbekommen. Es würde mich deshalb freuen, wenn mir jemand von euch weiterhelfen könnte.
Gruß
Heinrich
QUELLTEXT:
HTML
HTML:
Text<a href="javascript:qu_an_ein('qa-bi-1')"><sup>♦</sup></a>
JavaScript
Code:
// ***** Quellen / Anmerkungen *****
// *** Quelle / Anmerkung einblenden ***
function qu_an_ein(qu_an_id)
{
document.getElementById(qu_an_id).className = "cl_qu_ein";
}
CSS
Code:
/********** Quellen / Anmerkungen **********/
/***** Quelle / Anmerkung eingeblendet *****/
.cl_qu_ein
{
display: inline;
background-color: #99CCFF;
border: 1px solid #99CCFF;
border-radius: 10px;
width: 700px;
padding: 10px 17px;
position: fixed;
top: 30%;
left: 30%;
}