Seite 1 von 2
forenbeschreibung per hover oder klick?
Verfasst: 26.07.2005 13:33
von Shadowproject
was müsst ich machen damit auf dem index die forenbeschreibung erst erscheint wenn man mit der maus auf die row geht oder draufklickt?
hier die stelle:
Code: Alles auswählen
<!-- BEGIN forumrow -->
<tr>
<td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row1" width="100%" height="50"><span class="mainmenu"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="mainmenu"><font color="#CC0000">{catrow.forumrow.FORUM_NAME}</font></a><br />
</span> <span class="postdetails">{catrow.forumrow.FORUM_DESC}</span><br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall"><font color="#A52A2A">{catrow.forumrow.TOPICS}</font></span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall"><font color="#A52A2A">{catrow.forumrow.POSTS}</font></span></td>
<td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall"><font color="#A52A2A">{catrow.forumrow.LAST_POST}</font></span></td>
</tr>
<!-- END forumrow -->
Verfasst: 27.07.2005 13:53
von Shadowproject
ich weiß das es mit irgendwie mit der funktion "hover" oder "onMouseOver" aber ich weiß in beiden fällen nicht wie. . .
vll gibts da ja auch ne if-funktion oder nen schalter. . .
aber selbst wenn ich wüsste welche lösung wüsst ich net wie. . .
büdde kann einer helfen
Verfasst: 29.07.2005 14:19
von Shadowproject
*schieb*
Verfasst: 31.07.2005 14:08
von Shadowproject
*schieb*
Re: forenbeschreibung per hover oder klick?
Verfasst: 31.07.2005 14:22
von FatFreddy
Mal ein alternativer Vorschlag:
diesen Teil:
Code: Alles auswählen
<td class="row1" width="100%" height="50"><span class="mainmenu"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="mainmenu"><font color="#CC0000">{catrow.forumrow.FORUM_NAME}</font></a><br />
</span> <span class="postdetails">{catrow.forumrow.FORUM_DESC}</span><br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
ersetzen durch:
Code: Alles auswählen
<td class="row1" width="100%" height="50"><span class="mainmenu"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="mainmenu" title="{catrow.forumrow.FORUM_DESC}"><font color="#CC0000">{catrow.forumrow.FORUM_NAME}</font></a><br />
</span>
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
FatFreddy
Verfasst: 31.07.2005 14:49
von Shadowproject
mir wäre halt scho des mit dem hover lieber, also dass der teil mit der erklärung weg ist, und sobald man mit der maus drüber geht es so aussieht wie jetzt.
Verfasst: 31.07.2005 19:09
von FatFreddy
Aus dem Bauch heraus würde ich sagen, das müsste etwa in dieser Form gehen:
Code: Alles auswählen
onMouseOver=this.style.display="visible" onMouseOut=this.style.display="none"
Nicht geprüft, aber das wäre zumindest ein Ansatz für Experimente.
FatFreddy
Verfasst: 01.08.2005 14:58
von FatFreddy
Was Du mir mit dem Codezitat sagen willst, ist mir schleierhaft. Ich dachte, es geht Dir um die Description im Index. Warum dann jetzt Codesamples aus posting.php? (EDIT: die Frage hat sich wohl gerade erledigt
)
Ich habe mal etwas experimentiert, es funktioniert per onmouseover
in index_body.tpl
diesen Teil:
Code: Alles auswählen
<td class="row1" width="100%" height="50"><span class="mainmenu"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="mainmenu"><font color="#CC0000">{catrow.forumrow.FORUM_NAME}</font></a><br />
</span> <span class="postdetails">{catrow.forumrow.FORUM_DESC}</span><br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
ersetzen durch:
Code: Alles auswählen
<td class="row1" width="100%" height="50"><span class="mainmenu"> <a href="{catrow.forumrow.U_VIEWFORUM}" onMouseOver="forum{catrow.forumrow.FORUM_ID}.style.visibility='visible'" onMouseOut="forum{catrow.forumrow.FORUM_ID}.style.visibility='hidden'"class="mainmenu"><font color="#CC0000">{catrow.forumrow.FORUM_NAME}</font></a><br />
</span> <span class="postdetails" id="forum{catrow.forumrow.FORUM_ID}" style="visibility:hidden;">{catrow.forumrow.FORUM_DESC}</span><br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
FatFreddy
Verfasst: 01.08.2005 16:57
von Shadowproject
funzt prima ^^
nur leider. . .
naja ^^
nur beim ersten. . .
also wenn du auf einen link gehst zeigt er immer nur bei news die erklärung an. . .
außerdem: ich hab in den beschreibungen links. . .
und könnte man des vll machen dass der hovereffekt auftaucht wenn man mit der maus über die row geht?
Verfasst: 01.08.2005 17:39
von FatFreddy
Shadowproject hat geschrieben:funzt prima ^^
nur leider. . .
naja ^^
nur beim ersten. . .
also wenn du auf einen link gehst zeigt er immer nur bei news die erklärung an. . .
Oops! Sorry, hab nicht daran gedacht, daß ich in meinem Forum schon gebastelt habe. Aber das ist kein Problem.
öffne index.php
suche:
danach einfügen:
Shadowproject hat geschrieben:außerdem: ich hab in den beschreibungen links. . .
und könnte man des vll machen dass der hovereffekt auftaucht wenn man mit der maus über die row geht?
Das geht, und die Links funktionieren dann auch.
Nimm dazu, statt dem oben geposteten Code, den Folgenden:
Code: Alles auswählen
<td class="row1" width="100%" height="50" onMouseOver="forum{catrow.forumrow.FORUM_ID}.style.visibility='visible'" onMouseOut="forum{catrow.forumrow.FORUM_ID}.style.visibility='hidden'"><span class="mainmenu"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="mainmenu"><font color="#CC0000">{catrow.forumrow.FORUM_NAME}</font></a><br />
</span> <span class="postdetails" id="forum{catrow.forumrow.FORUM_ID}" style="visibility:hidden;">{catrow.forumrow.FORUM_DESC}</span><br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
Dir muß aber klar sein, daß User ohne Javascript nie etwas zu sehen bekommen!
Demo ist bis 19:00Uhr in meinem
Reiseforum zu sehen.
FatFreddy