Wie geht dass?

Gehe zu Seite:

Geschlossen

Mi. 06.12.2006 17:15 Uhr #1

Azzan gelöschter User

Ich habe auf gw-tactics.de gesehen, dass man wenn man über ein Bild fährt so ein Fenster öffnen kann. Wie haben die dass da gemacht?

www.gw-tactics.de/charactercreator/show.php?id=2391

Einfach über die Bilder mit dem Mauszeiger fahren
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 06.12.2006 17:27 Uhr #2

SLJ Hall Of Fame

Registriert seit
18.05.2004

Beiträge
15.492

Beitragswertungen

Schau mal in die gallery rein wenn ddu das 1.1ser script benutzt,...

externer Link
Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 06.12.2006 17:41 Uhr #3

Azzan gelöschter User

Kannst Du Link posten?
finds nöscht
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 06.12.2006 18:11 Uhr #4

SLJ Hall Of Fame

Registriert seit
18.05.2004

Beiträge
15.492

Beitragswertungen

Zwar net meine seite aber egal (Ich nutze kein 1.1):

externer Link

externer Link
Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 06.12.2006 21:59 Uhr #5

Azzan gelöschter User

Bei gw-tactics.de war das beweglich unt tranzparent. Der Quelltest ist zu lang und die Seiten funtionieren beide nicht auf meiner Festplatte. Kennst Du den Quellcode und kannst den hier posten?
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 07.12.2006 09:50 Uhr #6

marTen Mitglied

Registriert seit
08.02.2006

Beiträge
238

Beitragswertungen

das würd mich auchmal intressieren, sieht sehr geil aus

"Ein Intellektueller ist jemand, der etwas Interessanteres als Sex gefunden hat." Edgar Wallace
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 07.12.2006 13:30 Uhr #7

SLJ Hall Of Fame

Registriert seit
18.05.2004

Beiträge
15.492

Beitragswertungen

Der code ist open source und ist auch im ilch scirpt drin daher einfach den da rausziehen,...

externer Link
Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar
0 Mitglieder finden den Beitrag gut.
- zitieren

Do. 07.12.2006 18:46 Uhr #8

s_down Mitglied

habe es für alle mal raus kopiert:

layerclass.php mit folgendem Coder erstellen:

<?php
 
//********************************************
//********* Initialisierung ******************
//********************************************
//-------------------------------------------------------
//
// initialisierung mit inlclude"Pfad\layerclass.php";
// echo initlayer();
//
//-------------------------------------------------------
 
function initlayer()
{
$counter = 0;
return '
<script language="JavaScript" type="text/javascript">
<!--
  document.onmousemove = checkPosition;
  function checkPosition(e) {
    if(document.all) {
      mausX = event.clientX + document.body.scrollLeft;
      mausY = event.clientY + document.body.scrollTop;
    } else {
      mausX = e.pageX;
      mausY = e.pageY;
    }
 
  }
 
  function alertpos(dname) {
  if (document.layers) {
    document.layers[0].left = mausX;
    document.layers[0].top = mausY;
  } else if (document.getElementById) {
    document.getElementById(dname).style.left = mausX + "px";
    document.getElementById(dname).style.top = mausY + "px";
  }
  document.getElementById(dname).style.display = "inline";
  }
  function hiddpos(dname) {
    document.getElementById(dname).style.display = "none";
  }
//-->
</script>
';
}
 
 
 
//********************************************
//********* Layer einfügen  ******************
//********************************************
//-------------------------------------------------------
//
// layer einfügen mit echo layer(<layer>,<objekt>,<width>,<height>);
// z.B. echo layer("Mein Layer","Huhu","200","200");
// layer und objekt können auch html Code beinhalten.
//
//-------------------------------------------------------
 
function layer($layer,$obj,$w,$b)
{
if ($b == 0) $b = 100;
if ($w == 0) $w = 100;
 
$counter++;
return '
<div onmouseover="hiddpos(\'infodiv'.$counter.'\')" class="layer" id="infodiv'.$counter.'" style="position:absolute; top:50; left:50; display:none; width:'.$w.'; height:'.$b.';">
'.$layer.'
</div>
<div onmouseout="hiddpos(\'infodiv'.$counter.'\')" onmouseover="alertpos(\'infodiv'.$counter.'\')">
'.$obj.'
</div>
';
}
?>

Probleme mit dem installieren?
externer Link

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 08.12.2006 13:25 Uhr #9

Azzan gelöschter User

Ich kenn mich PHP nicht nicht so gut aus, ich lerne das noch. Ich kann erst normales HTML und CSS .
Könntest du ein Beispiel machen, wo ich dass nachvollziehen kann? - Also wie ich das Ding da in einer normale HTML-Seite eibauen kann.
0 Mitglieder finden den Beitrag gut.
- zitieren

Fr. 08.12.2006 19:05 Uhr #10

s_down Mitglied

Für reine HTML Seite:
Irgendwo zwischen <body></body>oder<head></head> rinfügen:

<script language="JavaScript" type="text/javascript">
<!--
  document.onmousemove = checkPosition;
  function checkPosition(e) {
    if(document.all) {
      mausX = event.clientX + document.body.scrollLeft;
      mausY = event.clientY + document.body.scrollTop;
    } else {
      mausX = e.pageX;
      mausY = e.pageY;
    }
 
  }
 
  function alertpos(dname) {
  if (document.layers) {
    document.layers[0].left = mausX;
    document.layers[0].top = mausY;
  } else if (document.getElementById) {
    document.getElementById(dname).style.left = mausX + "px";
    document.getElementById(dname).style.top = mausY + "px";
  }
  document.getElementById(dname).style.display = "inline";
  }
  function hiddpos(dname) {
    document.getElementById(dname).style.display = "none";
  }
//-->
</script>

Dann an gewünschter stelle:

<div onmouseover="hiddpos('infodiv1')" class="layer" id="infodiv1" style="position: absolute; top: 50px; left: 50px; display: none; width: 200px; height: 200px;">
#### Was eingeblendet werden soll z.B: Bild
</div>
<div onmouseout="hiddpos('infodiv1')" onmouseover="alertpos('infodiv1')">
#### Das Objekt wo es eingeblendet werden soll z.B: Link oder so
</div>

Probleme mit dem installieren?
externer Link

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 08.12.2006 20:39 Uhr #11

Azzan gelöschter User

So...
... ich hab dass jetzt mal so gemacht. Jetzt verstehe ich folgendes nicht.

Hier die Seite vorher: rushen.twsclan.de/index2.htm
Und hier nachher: rushen.twsclan.de/index.htm

Ich habe einfach in head das javascript eingefügt und dann statt dem Bild ...

1	`<img src="http://img382.imageshack.us/img382/3073/buildrushento7.jpg" alt="Build" border="0">`

... das hier eingefügt.

<div onmouseover="hiddpos('infodiv1')" class="layer" id="infodiv1" style="position: absolute; top: 50px; left: 50px; display: none; width: 200px; height: 200px;"> 
2. Bild
</div> 
<div onmouseout="hiddpos('infodiv1')" onmouseover="alertpos('infodiv1')"> 
<img src="http://img382.imageshack.us/img382/3073/buildrushento7.jpg" alt="" border="0">
</div>

Warum ist jetzt mein overflow: auto; in der CSS-Anwendung im Element p aufgebrochen?

Danke für die Hilfe

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 08.12.2006 20:48 Uhr #12

Azzan gelöschter User

Oh ich Trottel. Mir ist grade aufgefallen, dass ich ja kein Bild in p machen kann ^^

Aber warum läuft das bei gw-tactics.de so flüssig und hier so "zackig" ?
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 08.12.2006 23:32 Uhr #13

s_down Mitglied

Registriert seit
11.04.2005

Beiträge
1.194

Beitragswertungen

warscheinlich wird dort nicht der selbe COde verwendet...

Probleme mit dem installieren?
externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
Di. 12.12.2006 13:56 Uhr #14

Azzan gelöschter User

Öhm ...
... aber genau diesen Code wollte ich doch^^
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 17.12.2006 17:30 Uhr #15

Azzan gelöschter User

Kennst Du den Code denn auch (den von gw-tactics)?

Brauch den doch
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 17.12.2006 18:15 Uhr #16

assault Hall Of Fame

Registriert seit
03.11.2006

Beiträge
2.925

Beitragswertungen

ich glaub du suchst das: externer Link
frag die Inhaber der Website aber vorher bevor du ihn benutzt(Y)
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Wie geht dass?