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

Geschlossen
  1. Mi. 06.12.2006 17:15 Uhr #1
    User Pic
    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.
  2. Mi. 06.12.2006 17:27 Uhr #2
    User Pic
    SLJ Hall Of Fame
    Registriert seit
    18.05.2004
    Beiträge
    15.492
    Beitragswertungen
    3 Beitragspunkte
    Schau mal in die gallery rein wenn ddu das 1.1ser script benutzt,... lächeln
    externer Link
    Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar lächeln
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 06.12.2006 17:41 Uhr #3
    User Pic
    Azzan gelöschter User
    Kannst Du Link posten?
    finds nöscht grumml
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 06.12.2006 18:11 Uhr #4
    User Pic
    SLJ Hall Of Fame
    Registriert seit
    18.05.2004
    Beiträge
    15.492
    Beitragswertungen
    3 Beitragspunkte
    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 lächeln
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 06.12.2006 21:59 Uhr #5
    User Pic
    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.
  6. Do. 07.12.2006 09:50 Uhr #6
    User Pic
    marTen Mitglied
    Registriert seit
    08.02.2006
    Beiträge
    238
    Beitragswertungen
    0 Beitragspunkte
    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.
  7. Do. 07.12.2006 13:30 Uhr #7
    User Pic
    SLJ Hall Of Fame
    Registriert seit
    18.05.2004
    Beiträge
    15.492
    Beitragswertungen
    3 Beitragspunkte
    Der code ist open source und ist auch im ilch scirpt drin daher einfach den da rausziehen,... zunge
    externer Link
    Ilch 1.0.4 PHP 7.0 und PDO Fähig na klar lächeln
    0 Mitglieder finden den Beitrag gut.
  8. Do. 07.12.2006 18:46 Uhr #8
    User Pic
    s_down Mitglied
    Registriert seit
    11.04.2005
    Beiträge
    1.194
    Beitragswertungen
    0 Beitragspunkte
    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.
  9. Fr. 08.12.2006 13:25 Uhr #9
    User Pic
    Azzan gelöschter User
    Ich kenn mich PHP nicht nicht so gut aus, ich lerne das noch. Ich kann erst normales HTML und CSS grumml.
    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.
  10. Fr. 08.12.2006 19:05 Uhr #10
    User Pic
    s_down Mitglied
    Registriert seit
    11.04.2005
    Beiträge
    1.194
    Beitragswertungen
    0 Beitragspunkte
    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.
  11. Fr. 08.12.2006 20:39 Uhr #11
    User Pic
    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 ... 
    <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 zwinker
    0 Mitglieder finden den Beitrag gut.
  12. Fr. 08.12.2006 20:48 Uhr #12
    User Pic
    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.
  13. Fr. 08.12.2006 23:32 Uhr #13
    User Pic
    s_down Mitglied
    Registriert seit
    11.04.2005
    Beiträge
    1.194
    Beitragswertungen
    0 Beitragspunkte
    warscheinlich wird dort nicht der selbe COde verwendet...
    Probleme mit dem installieren?
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. Di. 12.12.2006 13:56 Uhr #14
    User Pic
    Azzan gelöschter User
    Öhm ...
    ... aber genau diesen Code wollte ich doch^^
    0 Mitglieder finden den Beitrag gut.
  15. So. 17.12.2006 17:30 Uhr #15
    User Pic
    Azzan gelöschter User
    Kennst Du den Code denn auch (den von gw-tactics)?

    Brauch den doch grumml
    0 Mitglieder finden den Beitrag gut.
  16. So. 17.12.2006 18:15 Uhr #16
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    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.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten