onMouseover

18.10.2004, 15:38

Hallo,

ich habe mit PHP einen Kalender geschrieben. Wenn an einem Tag ein Termin ist gibt er das Feld grün an. Wenn ich jetzt mit der Maus über die Zahl fahre, soll ein Kästchen neben der Maus angezeigt werden, welches den Inhalt des Termins, bzw. der Termine anzeigt. Die Termine liegen in einer MySQL-Datenbank.

Wer kann mir sagen, wie man so etwas macht?

agrajag · 18.10.2004, 15:44

Entweder einfach das title Attribut verwenden oder wenn du die Box auch "formatieren" können willst per CSS über :hover arbeiten.

mfG
werbegeschenk

18.10.2004, 15:56

[Ich weiß nicht genaus wie] aber wenn du dieses Kästchen immer neben der Maus haben möchtest, auch wenn diese bewegt wird muss auch noch JavaScript mit ins Spiel. Damit kannst du dann dieses Kästchen immer neu in Abhängigkeit von der aktuellen Cursorposition positionieren.

19.10.2004, 10:39

Könnt ihr mir ein explizites Beispiel nennen, wie so ein Code aussieht?

agrajag · 22.10.2004, 17:12

Zitat:

Zitat von crisou

Könnt ihr mir ein explizites Beispiel nennen, wie so ein Code aussieht?

Die einfache Variante mit title:

Code:

<p title='Toller Termin'>10.09.1998</p>

mfG
werbegeschenk

22.10.2004, 17:23

<div id="overDiv" style="position:absolute;visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="/js/overlib.js"></script>

cooles Popup

Hab das hier gefunden ^^ aber selber noch nicht ausprobiert :P

22.10.2004, 17:24

javascript:void() funktioniert bei aktiviertem Popupblocker nicht (ausser beim Google-Popupblocker beim IE

.

Mit PHP wäre es einfach.

Code:

Ausschnitt aus der style.css
acronym {
	cursor: help;
	border:1px solid red;
	border-style:none none dashed none;
}

Und hier eine Funktion.

Die Funktion holt aus einer Datenbank die Tage und Termine.

Dann werden die Tage so umgeschrieben (WENN ein Termin existiert!), daß dieser mit rot gestrichelter Linie dargestellt wird. Wenn Du drüber fährst mit der Maus, wird der Termin angezeit (etwa 3 Sekunden, also länger als bei einem ALT-Tag)

Code:

function acro($acrotext) ### ACRONYME & HILFE-DATENBANK
{
 $query = "SELECT tag,termin FROM termine;";
 $result = mysql_query($query) or die ('Fehler: Sprach-Datenbank-Zugriff gescheitert'); # .mysql_error());
 WHILE ($row = mysql_fetch_array($result))
 {
  $acrotext = str_replace($row['tag'],'<acronym title="'.$row['termin'].'">'.$row['tag'].'</acronym>.',$acrotext);
 }
 return $acrotext;
}

Nun musst Du nur noch statt echo $tag einfach immer echo acro($tag) einsetzen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Code] Scroll Onmouseover	Ithron	JavaScript, Ajax und mehr	2	10.06.2009 21:56
Bild onMouseOver einblenden	rocco	HTML, Usability und Barrierefreiheit	8	22.02.2008 12:52
onmouseover - Problem	FrozenFox	HTML, Usability und Barrierefreiheit	2	15.11.2006 11:12
Layer onMouseOver	Quagga	HTML, Usability und Barrierefreiheit	2	09.07.2006 09:23
bei onmouseover sanft auf 100 pixel vergrößern	php_frage	HTML, Usability und Barrierefreiheit	5	29.04.2006 00:43
onmouseover Java Script geht nicht	CHRIS	HTML, Usability und Barrierefreiheit	9	05.01.2006 11:30
PHP Menü onMouseOver !!!		PHP Tipps 2005-2	6	23.08.2005 00:56
dynamische Link-Grafik mit OnMouseOver		HTML, Usability und Barrierefreiheit	11	24.06.2005 21:39
onmouseover der zellen vom phpmyadmin	Sclot	HTML, Usability und Barrierefreiheit	5	27.01.2005 15:30
onMouseOver für zwei Elemente		HTML, Usability und Barrierefreiheit	6	18.12.2004 18:04
[Erledigt] Mehrere Anweisungen in onMouseOver		HTML, Usability und Barrierefreiheit	4	24.11.2004 16:56
[Erledigt] onmouseover		HTML, Usability und Barrierefreiheit	3	27.08.2004 00:24
OnMouseOver mit wanderndem <div>-Tag	Sirke	HTML, Usability und Barrierefreiheit	4	20.08.2004 21:04
tabelle mit onmouseover einblenden lassen		HTML, Usability und Barrierefreiheit	9	30.06.2004 13:08
Button OnMouseOver --> Nachricht in Textfeld anzeigen las		HTML, Usability und Barrierefreiheit	7	16.06.2004 17:49

18.10.2004, 15:38
Gast Beiträge: n/a	onMouseover Hallo, ich habe mit PHP einen Kalender geschrieben. Wenn an einem Tag ein Termin ist gibt er das Feld grün an. Wenn ich jetzt mit der Maus über die Zahl fahre, soll ein Kästchen neben der Maus angezeigt werden, welches den Inhalt des Termins, bzw. der Termine anzeigt. Die Termine liegen in einer MySQL-Datenbank. Wer kann mir sagen, wie man so etwas macht?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.10.2004, 15:44
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Entweder einfach das title Attribut verwenden oder wenn du die Box auch "formatieren" können willst per CSS über :hover arbeiten. mfG werbegeschenk __________________ Today you...Tomorrow me.

18.10.2004, 15:56
Gast Beiträge: n/a	[Ich weiß nicht genaus wie] aber wenn du dieses Kästchen immer neben der Maus haben möchtest, auch wenn diese bewegt wird muss auch noch JavaScript mit ins Spiel. Damit kannst du dann dieses Kästchen immer neu in Abhängigkeit von der aktuellen Cursorposition positionieren.

19.10.2004, 10:39
Gast Beiträge: n/a	Könnt ihr mir ein explizites Beispiel nennen, wie so ein Code aussieht?

22.10.2004, 17:23
Gast Beiträge: n/a	<div id="overDiv" style="position:absolute;visibility:hidden; z-index:1000;"></div> <script language="JavaScript" src="/js/overlib.js"></script> cooles Popup Hab das hier gefunden ^^ aber selber noch nicht ausprobiert :P

22.10.2004, 17:24
Gast Beiträge: n/a	javascript:void() funktioniert bei aktiviertem Popupblocker nicht (ausser beim Google-Popupblocker beim IE . Mit PHP wäre es einfach. Code: Ausschnitt aus der style.css acronym { cursor: help; border:1px solid red; border-style:none none dashed none; } Und hier eine Funktion. Die Funktion holt aus einer Datenbank die Tage und Termine. Dann werden die Tage so umgeschrieben (WENN ein Termin existiert!), daß dieser mit rot gestrichelter Linie dargestellt wird. Wenn Du drüber fährst mit der Maus, wird der Termin angezeit (etwa 3 Sekunden, also länger als bei einem ALT-Tag) Code: function acro($acrotext) ### ACRONYME & HILFE-DATENBANK { $query = "SELECT tag,termin FROM termine;"; $result = mysql_query($query) or die ('Fehler: Sprach-Datenbank-Zugriff gescheitert'); # .mysql_error()); WHILE ($row = mysql_fetch_array($result)) { $acrotext = str_replace($row['tag'],'<acronym title="'.$row['termin'].'">'.$row['tag'].'</acronym>.',$acrotext); } return $acrotext; } Nun musst Du nur noch statt echo $tag einfach immer echo acro($tag) einsetzen.