You are not logged in.

wcf.regNote.message

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

1

Tuesday, March 1st 2005, 11:31am

bei mouseover einen anzeigebereich innerhalb vom browserfenster

ich bin am versuchen mir einen mouseover zu bauen der mir beim überfahren eines textes ein fenster einblendet mit einem bild und etwas text. das fenster soll aber kein neues browserfenster sein sondern innerhalb des browserfensters einfach über dem rest dargestellt werden. ich bin nicht sicher ob man versteht was ich meine und ein beispiel hab ich leider auch nicht aber ich hoffe ich finde noch eins. vergleichbar ist das mit der werbung die mansche seiten haben wo einfach ein werbeblock mitten auf der seite ist über allem anderen und den man meist mit nem x an einer ecke weg bekommt. soweit ich weiß ist das aber mit flash gemacht nur ich möchte das gerne einfach mir js hin bekommen. sollte doch machbar sein oder?
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

2

Tuesday, March 1st 2005, 8:12pm

Du musst einfach nur z.B. ein div irgendwo in der Seite im HTML Code reinbasteln und dem div bei style="display: none; z-index: 3;" geben. So wird dieses einmal durch des display none erstmal nicht angezeigt und durch des z-index 3 wird des, wenn es mal angezeigt wird ganz oben auf die anderen Sachen draufgeklascht.
Dann noch ne id verpassen und bei deinem MouseOver per Id des Element holen und dann die Display Style variable auf inline setzten. Dann bei mouse out wieder die Display Style variable auf none dann is des Fensterle wieder weg.

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function OnMouseOver()
{
           var fensterle = document.getElementById("Fensterle");
           if( fensterle ) {
                      fensterle.style.display = "inline";
           }
}

function OnMouseOut()
{
           var fensterle = document.getElementById("Fensterle");
           if( fensterle ) {
                      fensterle.style.display = "none";
           }
}


Ciao Ephraim

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

3

Thursday, March 3rd 2005, 8:17am

also ich hab versucht das so umzusetzen aber irgendwie haut das nicht hin. hab extra zum testen mal ne einfache html seite genommen und da mitten rein ein wort wo beim überfahren mit der maus ein einfaches jpg bild eingeblendet werden soll. das funktioniert überhaupt garnicht und das schlimme is ich sehe noch nicht mal ansatzweise woran das liegen könnte. das nervt mich ja schon manschmal an js das die fehler so oberflächlich umschrieben werden. kann es sein das ich nicht einfach ein bild ausgeben kann und das irgendwie wie nen image tag umbauen oder sowas?
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

bauser

Intermediate

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

4

Friday, March 4th 2005, 9:18am

ich würde auch probieren ein div zu machen, aber mit style="visibility: hidden;"

und dann per js bei nem mouseover auf dem element was man sieht (die schrift wo man drüberfährt) ein style.visibility='visible'; und bei nem mouseout wieder 'hidden'.
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

5

Friday, March 4th 2005, 12:44pm

mag sein das ich einfach zu unfähig bin oder weiß der henker ... ich bekomme nicht mal den aufruf richtig hin. hab zwar keinen javascript fehler aber passieren tut schlicht und ergreifent garnichts.

EDIT:
habs doch hin bekommen. zwar noch etwas anders aber es funktioniert super gut und fehlerfrei.

jetzt fehlt mir nurnoch eins. ich finde es doof das das fenster einfach so plopp da ist und genau so plopp wieder weg. gibts ne möglichkeit nen softfade da rein zu bauen? so das das fenster aus dem nichts auftaucht und dann genau so wieder verschwindet?
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

6

Friday, March 4th 2005, 1:59pm

ich hätte auch den code den ich hab mal besser angehongen...

Quoted

<script language="javascript">
<!-- für alte Browser
var bname=navigator.appName;
var bver=parseInt(navigator.appVersion);
var NS4=(bname == "Netscape" && bver<=4);
var IE4=(bname == "Microsoft Internet Explorer" && bver>=4);
function start(name)
{
if (NS4) objekt=eval("document." + name);//document.ebenenid.eigenschaft
if (IE4) objekt=eval("document.all." + name + ".style");//document.all.ebenenid.style.eigenschaft
}
function absolutposition(ebene,x,y)// Ebene auf absolute Position verschieben
{
//if (NS4) ebene=eval("document." + div_name);//document.ebenenid.eigenschaft
//if (IE4) ebene=eval("document.all." + div_name + ".style");//document.all.ebenenid.style.eigenschaft
ebene.top=x;
ebene.left=y;
}
function verstecke(ebene)
{
if (NS4) ebene.visibility="hide";
if (IE4) ebene.visibility="hidden";
}
function zeige(ebene)
{
if (NS4) ebene.visibility="show";
if (IE4) ebene.visibility="visible";
}
// -->
</script>


der aufruf ist dann ja auch klar...

wie bau ich das nu um das es fadet?

P.S.: das skript hab ich so irgendwo gefunden ... klappt das so auch mit mozilla?

EDIT:
hab da noch was ... wie sag ich dem teil das es da einblenden soll wo sich die maus grade befindet?
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

7

Saturday, March 5th 2005, 12:07pm

Hey Hey,

hab dir mal was gebastelt, allerdings faden weiß ich bloss, des es mit Text geht und nicht mit nem Bild. :(

Guckst du hier:

http://thefungamer.de/ephraim/prom.html

Getestet hab ich des im IE, Opera, FireFox
Bei mir ging des dann in allen dreien :)

Zu dem "visible" wollte ich noch sagen, des ich des net so mag, da des platz reserviert obwohl es nicht angezeigt wird. Da ist des mit dem "display" besser.

Ciao Ephraim

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

8

Saturday, March 5th 2005, 12:16pm

das schaut doch mal richtig fett aus!!! gefällt mir super. ich test das nachher mal am lebenden objekt ;)
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

9

Monday, March 7th 2005, 11:15am

so ich hab das jetzt mal getestet. das faden geht nur wenn ich keiner farbangaben bei der schrift mache. wenn ich ne rote schrift haben will z.b. geht es nicht. aber das ist auch soweit egal ich nutze eh nur einfache schrift.

ich hab allerdings nen kleines verständnis problem wenn ich jetzt mehrere divs haben möchte. ich hab drei divs gebastelt mit name div1 bis div3 und möchte nun das over1 auch div1 aufruft und over2 dann div2 usw. das bekomme ich aber schon wieder nicht gebacken. soweit ich das sehe muss die funktion "init" umgebaut werden und ich muss die id mit übergeben oder? nur wie bringe ich denn die id die ich überfahre in verbindung mit dem was ausgegeben werden soll? ist mir im moment was unklar. kannst du das beispiel teil so umbauen das 3 mal "hier drüber" steht und bei jedem nen anderer text eingeblendet wird? vielleicht hab ich ja nen denkfehler aber das klappt bei mir hinten und vorne nicht.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Thomas

Beginner

Posts: 42

  • Send private message

10

Wednesday, March 16th 2005, 2:18am

RE: bei mouseover einen anzeigebereich innerhalb vom browserfenster

Hallo Prometheus

Habe mal ein wenig rumprobiert, derweil ich schon länger kein Webdesign mehr gemacht habe. Leider funktioniert das Script, mit eingebundenem Bild, nur mit dem IE gut.
Mozilla based, (aktuell "Firefox1.0"), wird das Mouseover als Javascriptanwendungsfenster gezeigt, das die eigentliche Konfiguration leider nicht beinhaltet und auch nicht das Hintergrundbild anzeigt.
Vielleicht hilft's Dir ja trotzdem.
Grüße Thomas

test

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

11

Wednesday, March 16th 2005, 6:58am

schau mal auf www.cmb-solutions.de und fahr da mal mit der maus über das fett geschriebene call back im unteren bereich auf der startseite. wenn das funktioniert ist alles in ordnung :)
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

wcf.user.socialbookmarks.titel