anpera.net
http://anpera.homeip.net/phpbb3/

OnMouseOver Css Tooltip
http://anpera.homeip.net/phpbb3/viewtopic.php?f=43&t=4235
Seite 2 von 2

Autor:  Harthas [ Fr 11 Jan, 2008 17:00 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Hatte mich teilweise geirrt. Geht so wirklich nur mit Links.

$this->bbcode_second_pass_code('', 'addnav("<a href=# class="tooltip">Blubb<span>Blubb noch viel mehr</span></a>","",true,true);')

Ungefähr so.

Autor:  Artemis1988 [ Fr 11 Jan, 2008 23:15 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Egal welchen Code ich einbaue!

Ob
addnav("<a href=create.php class='tooltip'>Blubb<span>Blubb noch viel mehr</span></a>","create.php",true,true);
oder
addnav("<a href=# class='tooltip'>Blubb<span>Blubb noch viel mehr</span></a>","create.php",true,true);
oder gar
addnav("<a href=# class='tooltip'>Blubb<span>Blubb noch viel mehr</span></a>","create.php");
oder
addnav("<a href=create.php class='tooltip'>Blubb<span>Blubb noch viel mehr</span></a>","create.php");

Es kommt so eine Ausgabe (btw. eine ähnliche) also kein Tooltip!

EDIT::
Vielleicht hab ich eine andere "addnav-Funktion" als ihr ? Oo

Grüße
Tom

Dateianhänge:
Dateikommentar: Das ist die Ausgabe!
tooltip.png
tooltip.png [ 7.01 KIB | 1602-mal betrachtet ]

Autor:  Lori [ Sa 12 Jan, 2008 09:13 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

und wenn man das so löst?

addnav("<a href='create.php' class='tooltip'>Blubb<span>Blubb noch viel mehr</span></a>",true,"create.php");

Ist vielleicht ne blöde Idee, aber bisher scheint das true sich ja immer nur den zweiten Teil des addnavs zu beziehen und nicht auf den ersten Teil.

Autor:  MySql [ Sa 12 Jan, 2008 13:19 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Sobald ein <a> mit im Spiel ist (In einem Addnav) wird es nicht gehen, daher der erste / die ersten Buchstabe(n) verschlungen wird / werden.

Ich denke, dass man das Problem direkt in der function addnav suchen sollte. D.h. die function addnav erweitern....

Autor:  Artemis1988 [ Sa 12 Jan, 2008 15:40 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Und wie kann man das anstellen ?
Eli hat über ICQ gemeint das man die addnav funktion kopieren, umbenennen in addnav_tip und dann da erweitern. Habe nur keinen Plan wie ich das machen soll!

Grüße
Tom

Autor:  MySql [ Sa 12 Jan, 2008 15:58 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Ich müsste da jetzt ganz doof raten... :weia:

Die Funktion addnav, setzt sich aus Variablen zusammen, die bestimmen

  • Wie heist der Addnav.
  • Wie heist der Link. (Bzw. geht es auch ohne, wenn man keinen angibt)
  • Popup - ja , nein

Dieses müsste man erweitern.

  • Tooltip - ja , nein (Wenn ja wie heist es????)

Variblen erweitern wir hier:

$this->bbcode_second_pass_code('', 'function addnav($text,$link=false,$priv=false,$pop=false,$newwin=false)')

dazu kommt dann das Tooltip. Könnte ungefähr so aussehen:

$this->bbcode_second_pass_code('', 'function addnav($text,$link=false,$priv=false,$tooltip=false,$pop=false,$newwin=false)')

Ich könnte mir vorstellen, das man dann noch das Navitem erweitern müsste. Wie gesagt ich müsste hier ganz doof raten. :weia:

Deshalb sag ich jetzt auch lieber nix mehr . o.o' :pein:
Sorry :(

PS: Setzte mich aber noch ebend dran, vllt bekomm ich es ja hin & poste es dann hier. o.o'
Es seie denn , es ist jemand schneller als ich xD

Edit:

BEkomms net hin.........

Autor:  Artemis1988 [ Sa 12 Jan, 2008 17:39 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Ja...soweit waren Eli und ich gestern auch :P

Grüße
Tom

Autor:  Auric [ Sa 12 Jan, 2008 18:03 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

ich würde den neuen parameter aber eher hinten dran hängen, da du sonst alle addnavs durchgehen musst um nachzuschauen, ob da sonst irgendetwas kollidiert... wobei, dürften nicht so viele sein, die die letzten params nutzen...

Autor:  Artemis1988 [ Di 15 Jan, 2008 16:48 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Ich bräuchte dabei aber leider Hilfe
Denn mit Funktionen kenn ich mich so gut wie 0 aus!

Grüße
Tom

Autor:  Rikkarda [ Di 15 Jan, 2008 17:17 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

ich könnte dir meine Funktion addnav_tooltip posten, aber ohne jeglichen weiteren support, da ich nicht weiss, ob du diese bei dir nutzen könntest, da ich über ein navsystem die tooltips nutze

Autor:  Artemis1988 [ Mi 16 Jan, 2008 00:33 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Hab die Server-Files als Localhost im Backup. Könnte ich also ohne weiteres testen!
Wäre dir das sehr verbunden Rikka *fg*

Grüße
Tom

Autor:  Naila [ Sa 23 Mai, 2009 22:50 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Wollte mal anfragen ob jemand zu Artemis Problem eine Lösung hätte,hab die gleichen Dinge probiert aber das gleiche Problem wie bei ihm traten bei mir auf.

Autor:  Tidus [ So 24 Mai, 2009 11:25 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

Okay nach 5 Edits.. hab ichs dann nu..^^ bitte nicht hauen.. aber, so gehts für addnavs, habe es bei mir so gemacht, man könnte es natürlich auch anders machen..
Das neue Css:
$this->bbcode_second_pass_code('', '
/* Tooltip */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip tip {
display: none;
text-decoration: none;
}

a.tooltip:hover tip {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #4dbcf3;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Smal;
text-align: left;
}
')

PHP:
Suche:
function addnav($text,$link=false,$priv=false,$pop=false,$newwin=false)

erweitere in:

function addnav($text,$link=false,$priv=false,$pop=false,$newwin=false,$tip=false,$tiptext="")

suche:

"popup"=>($pop==true ? "target='_blank' onClick=\"".popup($link.$extra)."; return false;\"" : ($newwin==true?"target='_blank'":""))

ersetze mit:

"popup"=>($pop==true ? "target='_blank' onClick=\"".popup($link.$extra)."; return false;\"" : ($newwin==true?"target='_blank'":"")),
"tip"=>($tip==true ? " <tip>".$tiptext."</tip>" : "")

öffne die .htm vom Template (muss natürlich in jedes template)
suche:

<dd><a href="{link}" {accesskey} {popup} >{text}</a></dd> (kann abweichen, das wäre für eliwoods skins)
Ersetze mit:
<dd><a href="{link}" {accesskey} {popup} class="tooltip" >{text}{tip}</a></dd>


Wenn ihr noch alte skins drin habt, wie yarbrough im orginal dort wird die class nav eingebunden, dann müsst ihr einfach beim css das tooltip immer durch nav ersetzen, und dann müsste es auch gehen (Bsp a.tooltip:hover tip { wäre dann a.nav:hover tip { )

so das war der code, beispiel für einen link:
PHP:
addnav('K?Gasse','gasse.php',false,false,false,true,"Das Hier ist ein TOoltip und der link führt in die Gasse.php");


müsste soweit alles gewesen sein, mag sein das es umständlich ist aber so habe *ich* der noob eben gelöst, wems nicht gefällt brauchts nicht einbauen ;)


und zur begründung: das css musste von span in was anderes geändert werden, weil es sonst jeden span in dem link zum tooltip dazu zählen würde, vom accesskey von farben usw.

Autor:  Janny [ So 24 Mai, 2009 14:31 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

1000 Dank Tidus, ich hatte nämlich dieses Problem auch und dank deiner Lösung kann ich nun ~endlich~ auch Tooltips verwenden :wink:

Autor:  Tidus [ So 24 Mai, 2009 16:22 ]
Betreff des Beitrags:  Re: OnMouseOver Css Tooltip

passt passt, ich habe den thread schon vergessen gehabt, und da ich gesehen habe das es wohl mehrere wollen, und mir die idee kam das auch zu benutzen, hab ich mich halt schnell dran gemacht, obwohl ich nicht so optimistisch war

habe nämlich selber ne einfachere aber naja nicht so gute lösung gehabt, dann was mit JS probiert, und dann halt doch CSS genommen..^^

Seite 2 von 2 Alle Zeiten sind UTC + 1 Stunde
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/