• Forum
• Allgemein
• HTML, PHP, SQL,...
• Javascript

ilch Forum » Allgemein » HTML, PHP, SQL,... » Javascript

1. Fr. 12.10.2007 18:41 Uhr #1

   

   Tipsi Mitglied

   Registriert seit

   18.03.2007

   Beiträge

   27

   Beitragswertungen

   

   Verzeiht diese womöglich unwürdige Frage.
   
   Ich möchte diesen Javascipt Code verwenden.
   
   Link zum Code
   
   Kann man das über eine eigene PHP Seite einbauen oder nicht ? Bis jetzt habe ich es halt nicht geschafft. Oder muss der Code in einem neuen Fenster ausgeführt werden, da der code nicht kompatibel ist... ?
   
   Ich danke Euch.
   
   lg
   Tipsi
   
   
   verwendete ilchClan Version: 1.1
   0 Mitglieder finden den Beitrag gut.

   • zitieren
2. Fr. 12.10.2007 18:46 Uhr #2

   

   Anarchy 90210 Mitglied

   Registriert seit

   15.05.2007

   Beiträge

   578

   Beitragswertungen

   

   du kannst es aber in das jeweilige Template einbauen!
   nur eine frage... wo willst du es einbaun? in der Gallery?
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. Fr. 12.10.2007 18:56 Uhr #3

   

   Tipsi Mitglied

   Registriert seit

   18.03.2007

   Beiträge

   27

   Beitragswertungen

   

   Ich will mit dem Code eigentlich eine eigene Seite gestalten, die über einen Link in der Box aufgerufen wird.
   
   das sollten dort die Bilder zu sehen sein...die automatisch größer werden, wenn man sich mit dem cursor über dem Bild befindet.
   0 Mitglieder finden den Beitrag gut.

   • zitieren
4. Fr. 12.10.2007 19:21 Uhr #4

   

   Nachtwolf Hall Of Fame

   Registriert seit

   10.11.2006

   Beiträge

   533

   Beitragswertungen

   

   Du kanst in den Boxen auch HTML ect verwenden.
   Man kann auch wen man php verwendet den Javascript vor dem <?php setzten also so z.b
   
   

   <script type="text/javascript">
   // Bilder anzeigen mit "Zoom"-Funktion
   
   var zaehler = 50;
   function aufmachen(breite,ID) {
    if (zaehler < breite) {
     document.getElementById(ID).style.display="inline";
     document.getElementById(ID).style.width=zaehler+"px";
     zaehler++;
     window.setTimeout("aufmachen("+breite+",'"+ID+"')",0);
    }
    else {
     document.getElementById("beschreibung-"+ID).style.display="block";
    }
   }
   
   function zumachen(ID) {
    document.getElementById(ID).style.display="none";
    document.getElementById("beschreibung-"+ID).style.display="none";
    zaehler = 50;
   }
   </script>
   <style type="text/css">
   .bereich {
    position: absolute;
    text-align: center;
    font-weight: bold;
   }
   
   .beschreibung {
    color: #FFFFFF;
    background-color: #000000;
    display: none;
   }
   </style>
   
   <?php
   defined ('main') or die ('no direct access'); 
   
   /*phpcode*/
   
   ?>

   0 Mitglieder finden den Beitrag gut.

   • zitieren
5. Fr. 12.10.2007 20:36 Uhr #5

   

   Tipsi Mitglied

   Registriert seit

   18.03.2007

   Beiträge

   27

   Beitragswertungen

   

   @Nachtwolf: So wie von dir vorgeschlagen habe ich das nicht hinbekommen.
   
   Ich habe das Script in eine Html kopiert. Die Datei in templates abgespeichert. Und über einen Link in der Menübox ist die Seite in einem neuen fenster aufrufbar. Das funzt.
   
   Das Script auf der Hauptseite aufzurufen, ohne das ein eigenes Fenster aufgerufen wird, nicht...naja...
   
   
   Zuletzt modifiziert von Tipsi am 12.10.2007 - 20:39:16
   0 Mitglieder finden den Beitrag gut.

   • zitieren
6. So. 14.10.2007 11:22 Uhr #6

   

   Tipsi Mitglied

   Registriert seit

   18.03.2007

   Beiträge

   27

   Beitragswertungen

   

   Um das Ganze zu einem Abschluss zu bringen...ich habe es geschafft^^
   
   Undzwar ohne extra Fenster und so...dank Eurer Hilfe.
   
   Hier des Rätsels Lösung:
   
   

   <?php
   defined ('main') or die ( 'no direct access' );
   
   $title = $allgAr['title'].' :: Name';
   $hmenu = 'Name der Seite';
   $design = new design ( $title , $hmenu );
   $design->header();
   ?> 
   
   <script type="text/javascript">
   // Bilder anzeigen mit "Zoom"-Funktion
   
   var zaehler = 50;
   function aufmachen(breite,ID) {
    if (zaehler < breite) {
     document.getElementById(ID).style.display="inline";
     document.getElementById(ID).style.width=zaehler+"px";
     zaehler++; 
     window.setTimeout("aufmachen("+breite+",'"+ID+"')",0);
    }
    else {
     document.getElementById("beschreibung-"+ID).style.display="block";
    }
   }
   
   function zumachen(ID) {
    document.getElementById(ID).style.display="none";
    document.getElementById("beschreibung-"+ID).style.display="none";
    zaehler = 50;
   }
   </script>
   
   <style type="text/css">
   .bereich {
    position: absolute;
    text-align: center;
    font-weight: bold;
   }
   
   .beschreibung {
    color: #FFFFFF;
    background-color: #000000;
    display: none;
   }
   </style>
   
   <!-- Erstes Bild -->
   <span class="bereich">
    <img src="gross1.jpg" style="display: none;" id="bild_1" border="1"
    onMouseOut="zumachen('bild_1');"><br>
    <span id="beschreibung-bild_1" class="beschreibung">
     Beschreibung 1
    </span>
   </span>
   <img src="klein1.jpg" border="1"
    onClick="aufmachen(250,'bild_1');" style="cursor: pointer;">
    
   
    <?php
   defined ('main') or die ( 'no direct access' );
   $design->footer();
   ?>

   
   
   Die Pfade der Bilde müssen eben entsprechend angepasst werden.
   
   
   Zuletzt modifiziert von Tipsi am 14.10.2007 - 11:24:19
   0 Mitglieder finden den Beitrag gut.

   • zitieren