« previous next »
Pages: [1]

Author Topic: [Mod] Tooltip für Links BETA  (Read 7133 times)

0 Members and 1 Guest are viewing this topic.

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
[Mod] Tooltip für Links BETA
« on: December 15, 2010, 06:23:24 PM »
Da ich leider nichts passendes gefunden habe, musste ich mir selbst was stricken.



Hiermit kann man ein Tooltip aufgehen lassen bei "overmouse".

habe es nach dieser anleitung eingebaut http://www.web-toolbox.net/webtoolbox/dhtml/info-box01/info-box01.htm

sehe Demo http://www.grosspeterwitz.org/4images mit der Mouse auf "Top Bilder"


1. in header.html finden

document.oncontextmenu = new Function("alert('© Copyright by {site_name}');return false");

// -->
</script>

danach einfügen
<script type="text/javascript" language="JavaScript">
<!--
var offsetx=20
var offsety=0

function InfoBoxAusblenden() {
      document.getElementById('infobox').style.visibility = "hidden";
}

function InfoBoxAnzeigen(e,txt,offsetX,offsetY)
{
        if (offsetX) {offsetx=offsetX;} else {offsetx=20;}
        if (offsetY) {offsety=offsetY;} else {offsety=0;}
        var PositionX = 0;
        var PositionY = 0;
        if (!e) var e = window.event;
        if (e.pageX || e.pageY)
        {
                PositionX = e.pageX;
                PositionY = e.pageY;
        }
        else if (e.clientX || e.clientY)
        {
                PositionX = e.clientX + document.body.scrollLeft;
                PositionY = e.clientY + document.body.scrollTop;
        }
        document.getElementById("text").innerHTML=txt;
        document.getElementById('infobox').style.left = (PositionX+offsetx);
        document.getElementById('infobox').style.top = (PositionY+offsety);
        document.getElementById('infobox').style.visibility = "visible";
}
// -->

</script>



<style type="text/css">
<!--

a.blau:link{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color: #0000FF;
}

a.blau:visited {color:#0000FF;}
a.blau:hover{color:#FF007F;}


.infoBox {
background-color:#F9FCFF;
border:8px solid #0090E0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#5F5F5F;
padding:15px;
}

-->
</style>


finde

<body bgcolor="#FFFFFF" text="#0F5475" link="#0F5475" vlink="#0F5475" alink="#0F5475">

danach einfügen

<!-- Anfang DIV-Layer -->
<div id="infobox" style="position:absolute;left:180; top:25;z-index:1; visibility:hidden;">
<!-- Formatierung: Tabellenrand Hintergrundfarbe Schrift -->
<p class="infoBox"><span id="text"></span></P>
</div>
<!-- Ende DIV-Layer -->


2. in home.html

finde
<a href="{url_top_images}"><b>{lang_top_images}</b></a>&nbsp;

ersetze mit

<a
onMouseOver="InfoBoxAnzeigen(event,'[color=red]Hier steht dein Text[/color]',20,-30);"
onMouseOut="InfoBoxAusblenden();"
href="{url_top_images}"><b>{lang_top_images}</b></a>
&nbsp;



Leider werden die UMLAUTE nicht richtig dargestellt. Weiss jemand was ich da ändern muss.

Logged

Rembrandt

  • Guest
Re: [Mod] Tooltip für Links BETA
« Reply #1 on: December 15, 2010, 06:59:01 PM »
Quote from: kubiczek on December 15, 2010, 06:23:24 PM
Da ich leider nichts passendes gefunden habe, musste ich mir selbst was stricken.
....
das hättest du nehmen können:
http://www.4homepages.de/forum/index.php?topic=22030.0
das javascript einbinden und in den "<a" tags schreibst du "onmouseover="Tip('deinen text')" onmouseout="UnTip()""
vorteil du kannst jeden tip individuell stylen.
etwa so : "onmouseover="Tip('dein text', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)""

zu den umlaut problem, das habe ich auch und mit den verlinkten mod ebenso  :?
Logged

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: [Mod] Tooltip für Links BETA
« Reply #2 on: December 15, 2010, 10:06:05 PM »
Danke für den Tip,

habe es dann auch so eingebunden, ohne das es ein Link ist, und wegen der zweisprachigkeit aus der main.php angezogen wird.

<a "onmouseover="Tip('{lang_der_text_der_im_Tip_erscheint}', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)"" onmouseout="UnTip()"">{lang_Normaler_Text}</a>



einfach klasse :) :) :) :)

lässt sich das problem mit den Umlauten nicht lösen?

MFG kubiczek
Logged

Offline x23piracy

  • Sr. Member
  • ****
  • Posts: 420
    • View Profile
    • FHG
Re: [Mod] Tooltip für Links BETA
« Reply #3 on: December 15, 2010, 10:44:10 PM »
Hi,

versucht doch mal die Umlaute entweder im Source oder
in den Sprachdateien in html code anzugeben?
Code: [Select]
ä = &auml;
Nur ne Idee.

Verschönert euch das Popup mal mit Styles :) praktisch aber out of the box hässlich...


Gruß Jens
Logged

Don't trust in md5 it's unsafe change your 4i galerys password hash algorythm! second pw db field, create new hashes over some time, deny old hash. Help members that cry, send informationen mail to the rest. Camouflage new pw hash in cookie. Done!

--(◔̯◔)--

Rembrandt

  • Guest
Re: [Mod] Tooltip für Links BETA
« Reply #4 on: December 16, 2010, 04:38:35 AM »
Quote from: kubiczek on December 15, 2010, 10:06:05 PM
...
..
noch ein tip, die globalen style von wz tooltip kannst du in der "js" datei einstellen.

Quote from: x23piracy on December 15, 2010, 10:44:10 PM
...versucht doch mal die Umlaute entweder im Source oder
in den Sprachdateien in html code anzugeben?
.

die ganze galerie sollte auf UTF-8 umgestellt werden, dann denke ich ist das leidige umlaute problem vom tisch.
Logged

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: [Mod] Tooltip für Links BETA
« Reply #5 on: December 16, 2010, 04:51:35 AM »
Quote from: x23piracy on December 15, 2010, 10:44:10 PM

versucht doch mal die Umlaute entweder im Source oder
in den Sprachdateien in html code anzugeben?
Code: [Select]
ä = &auml;



ich blindes Huhn, das selbe problem hatte ich schon mit den polnischen umlauten.

danke für den hinweiss

Logged

Offline x23piracy

  • Sr. Member
  • ****
  • Posts: 420
    • View Profile
    • FHG
Re: [Mod] Tooltip für Links BETA
« Reply #6 on: December 16, 2010, 02:07:12 PM »
Hi,

klappt das denn?
Auflösen bitte...


Gruß Jens
Logged

Don't trust in md5 it's unsafe change your 4i galerys password hash algorythm! second pw db field, create new hashes over some time, deny old hash. Help members that cry, send informationen mail to the rest. Camouflage new pw hash in cookie. Done!

--(◔̯◔)--

Offline kubiczek

  • Full Member
  • ***
  • Posts: 211
    • View Profile
    • Gross Peterwitz
Re: [Mod] Tooltip für Links BETA
« Reply #7 on: December 16, 2010, 08:48:57 PM »
Quote from: x23piracy on December 16, 2010, 02:07:12 PM
Hi,

klappt das denn?
Auflösen bitte...


Gruß Jens


ja es hat geklapt

habe mit der folgenden Tabelle in Main.php alle Umlaute ersetz http://www.torsten-horn.de/techdocs/ascii.htm

vielen dank
Logged
Pages: [1]
« previous next »