I'm Sorry... Sajnálom...

A "delphi program" nem tölthető le!
(átmeneti oldal hiba)

Bezár

I'm Sorry... Sajnálom...

A "css ötlet" nem tölthető le!
(átmeneti oldal hiba)

Bezár

I'm Sorry... Sajnálom...

A "php ötlet" nem tölthető le!
(átmeneti oldal hiba)

Bezár

Információk


Honlap infók:
Adatok
2006. 05. 21-től

Összes látogatás:

Mai látogatás:

Összes látogató:

Mai látogató:

Aktuális látogató:

Üdvözöllek!
(34.239.152.207)
« Előző »
« látogatásod: »
(2023/03/31 - 04:44)
Oldal módosítva:
2012. 10. 17. 12:07.
Buzsák





Látogatói világtérkép(Visitor world map)

Sikerült készíteni egy - az oldalba beépített számláló adataira épülő - "látogatói világtérkép" megjelenítőt. A megjelenítéshez csak ""PHP"" és ""CSS"" és természetesen "HTML" kódok kellenek. Az ismertetésre kerülő megjelenítők közül a Látogatói világtérkép 1.0 free a látogató országának helyén, a Látogatói világtérkép 2.0 free a látogató kiszolgálójának helyén jelenít meg a térképen, egy 4px átmérőjű kört.

Látogatói világtérkép 1.0 free megoldásának részletei  »»

Látogatói világtérkép 1.0 free (forráskód és felhasználás) A honlap indulása óta meglévő naplófájlom( naplo_fajl.txt ) szerkezete a következő:
1310650750|127.0.0.1- (dátum-bélyeg | IP -)
Erre a meglévő adatállományra alapozva írtam egy függvényt, amely egy tömbben adja vissza az összes látogató ország-kódját. Az ország-kódot a "GeoIpCity.dat" adatbázis alapján azonosítom. Felhasználáskor lehetőség van rá, hogy - bemenő adatként másodpercben megadva - időszakra legyen leszűrve az adat.

Íme a leszűrést végző php-kód, melyet a példa kedvéért egy "orszag_kod_olvas.php" nevű fájlban helyeztem el.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. function country_cod_list($file_with_path, $time=0)
  2. {
  3.   //napló fájl sor felépítés(time|IP-)
  4.   $path_fajl = $file_with_path;
  5.   $time_zone = $time;
  6.   $this_time = time();
  7.   if (($path_fajl))
  8.   { // összes IP
  9.     $all_ip = array();
  10.     // összes ország-kód
  11.     $all_kod = array();
  12.     $fajl_tartalom = file($path_fajl);
  13.     //ha nincs megadva időintervallum
  14.     if ($time_zone === 0)
  15.     { // napló fájlból IP-k új tömb-be
  16.       for ($i=0;$i<sizeof($fajl_tartalom);$i++)
  17.       { //adatsorok darabolása határoló jel mentén
  18.         $entry = explode("|", $fajl_tartalom[$i]);
  19.         // IP-k új tömb-be
  20.         array_push($all_ip, $entry[1]);
  21.       }
  22.     }  
  23.     //ha van megadva időintervallum
  24.     if ($time_zone > 0)
  25.     { // napló fájlból IP-k új tömb-be
  26.       for ($i=0;$i<sizeof($fajl_tartalom);$i++)
  27.       { //adatsorok darabolása határoló jel mentén
  28.         $entry = explode("|", $fajl_tartalom[$i]);
  29.         //IP-válogatása időintervallum alapján
  30.         $akt_datum = $this_time;
  31.         $file_datum = chop($entry[0]);
  32.         if ($akt_datum-$time_zone < $file_datum)      //$time_zone => 86400=1nap
  33.         { // IP-k új tömb-be
  34.                 array_push($all_ip, $entry[1]);
  35.               }
  36.       }
  37.     }  
  38.     //azonos IP-k kiszűrése
  39.     $all_ip_szurt = array_values(array_unique($all_ip));
  40.     //ország-info adatbázis megnyitás
  41.     include('geoipcity.inc');
  42.     include('geoipregionvars.php');
  43.     $gi = geoip_open('../../../../szamlalo/GeoIpCity.dat',GEOIP_STANDARD);
  44.     //IP-ből országkód kiolvasás
  45.     for ($i=0; $i<count($all_ip_szurt); $i++ )
  46.     { //
  47.       if (!empty($all_ip_szurt[$i]))
  48.       { //napló fájl sor-vég(- ) kivétele  
  49.         $tisztitva = trim(ereg_replace('-','',$all_ip_szurt[$i]));  
  50.         //aktuális IP  
  51.         $aktual_ip = $tisztitva;  
  52.         //IP-ből országkód/országnév/stb adatok rekordba
  53.         $record = geoip_record_by_addr($gi, $aktual_ip);
  54.         //rekordból aktuális országkód
  55.         $aktual_kod = $record->country_code;
  56.         //országkód új tömb-be
  57.         array_push($all_kod, $aktual_kod);
  58.      }
  59.     }
  60.     //azonos országkódok kiszűrése
  61.     $all_kod_szurt = array_values(array_unique($all_kod));
  62.     geoip_close($gi);
  63.   }
  64.   return $all_kod_szurt;
  65. }
  66.  


Az "orszag_kod_olvas.php" fájlt include-val meg kell hívni, a térképet megjelenítő oldal legelején, amelynek emiatt *.php kiterjesztésűnek kell lennie.

A következő kódrészlet a térkép és koordináta-pontok alap stílusának beállítása a <head> részben.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. /* térkép és koordináta pontok alapbeállítás */
  2. div#terkep{
  3.   position: relative;
  4.   margin: 0px auto;
  5.   border: #999 2px solid;
  6.   padding: 0px;
  7.   width: 500px;
  8.   height: 304px;
  9.   background-image: url('relativ_eleres/fold_terkep.jpg');
  10.   background-repeat: no-repeat;
  11.   background-position: left top;
  12.   text-align: left;
  13. }
  14. div.orszag{
  15.   position: absolute;
  16.   background-image: url('relativ_eleres/orszag_x_y.gif');
  17.   background-repeat: no-repeat;
  18.   background-position: left top;
  19.   width: 4px;
  20.   height: 4px;
  21.   outline: none;
  22.   text-decoration: none;
  23.   z-index: 10; 
  24.   display: none;
  25. }
  26.  

Itt pedig az adatok lekérésének "PHP"-kódja(pl.: adatkiírás kiséretében a <body> után) látható:

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. //ADATKIÍRÁS:
  2. //vizsgált időszak napban(ha "0" a teljes napló fájlt vizsgálja)
  3.   $napok = 0;
  4.   $orszag_darab = 0;
  5.   $szurt_orszag_kod = country_cod_list('relativ_eleres/naplo_fajl.txt', ($napok * 86400)); //1 nap = 86400
  6.  
  7. //látogató "országok" száma
  8.   for ($i=0; $i<count($szurt_orszag_kod); $i++)
  9.     {
  10.       if (!is_null($szurt_orszag_kod[$i]))
  11.       {
  12.         $orszag_darab = $orszag_darab+1;
  13.       }
  14.     }
  15.  
  16. //kiírás
  17.   if ($napok ===0)
  18.     echo 'A "XY" honlap látogatói egy világtérképen (DÁTUM óta '.$orszag_darab.' országból).';
  19.   else
  20.     echo 'A "XY" honlap látogatói egy világtérképen (utóbbi '.$napok.' nap alatt, '.$orszag_darab.' országból).';
  21.  
  22.  

Természetesen, ha nincs adatkiírás akkor az adatok rögtön a fájl meghívása után lekérhetőek.
A megjelenítéshez szükségesek a következő    ,     képek és a koordináta pontokat tartalmazó "map_code.txt" állomány.
És végezetül jöjjön a térkép megjelenítésének kódja:

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. <!-- térkép megjelenítése -->
  2. <div id="terkep">
  3.   <?php
  4.    //ORSZÁG-PONTOK MEGJELENÍTÉSE
  5.    $map_fajl = "relativ_eleres/map_code.txt";
  6.    if (($map_fajl))
  7.    { // koordináta fájl tömb-be
  8.      $map_tartalom = file($map_fajl);
  9.      //sorokra bontás, sor => [0]=country-code,[1]=left,[2]top,[3]country-name
  10.       for ($i=0;$i<sizeof($map_tartalom);$i++)
  11.      { // aktuális sor új tömb-be
  12.        $entry = explode("|", $map_tartalom[$i]);
  13.        // ha "left" kordináta nem nulla
  14.        if ($entry[1] <> 0 )
  15.         { //ha volt látogatás egy országból a napló fájl adatai szerint
  16.           if (in_array  ($entry[0], $szurt_orszag_kod))
  17.           { //"LÁTOGATÓ ORSZÁG" KOORDINÁTA PONTJÁNAK MEGJELENÍTÉSE
  18.             echo '<div class="orszag" id="'.$entry[0].'" title="'.$entry[3].'  "style="left:' .$entry[1]. 'px;top:' .$entry[2]. 'px;display:block;"></div>';
  19.           }
  20.         }
  21.       }
  22.     }
  23.   ?>
  24. </div>   <!-- terkep -->
  25.  

Sok szerencsét a felhasználáshoz!

Látogatói világtérkép 2.0 free megoldásának részletei  »»

Látogatói világtérkép 2.0 free (forráskód és felhasználás) Ennél a megoldásnál is a meglévő naplófájlomat( naplo_fajl.txt )használtam fel, melynek szerkezete a következő:
1310650750|127.0.0.1- (dátum-bélyeg | IP -)
Itt viszont egy másik függvény szükséges, amely az összes látogató IP-jét adja vissza egy tömbbe. Felhasználáskor itt is lehetőség van rá, hogy - bemenő adatként másodpercben megadva - időszakra legyen leszűrve az adat.
Íme a leszűrést végző php-kód, melyet a példa kedvéért egy "szurt_ip_olvas.php" nevű fájlban helyeztem el.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. function ip_list($file_with_path, $time=0)
  2. {//napló fájl sor felépítés(time|IP-)
  3.  $path_fajl = $file_with_path;
  4.  $time_zone = $time;
  5.  $this_time = time();
  6.  if (($path_fajl))
  7.  {// összes IP
  8.   $all_ip = array();
  9.   // összes ország-kód
  10.   $all_kod = array();
  11.   $fajl_tartalom = file($path_fajl);
  12.   //ha nincs megadva időintervallum
  13.   if ($time_zone === 0)
  14.   {// napló fájlból IP-k új tömb-be
  15.    for ($i=0;$i&lt;sizeof($fajl_tartalom);$i++)
  16.    {//adatsorok darabolása határoló jel mentén
  17.     $entry = explode("|", $fajl_tartalom[$i]);
  18.     // IP-k új tömb-be
  19.     array_push($all_ip, $entry[1]);
  20.    }
  21.   }    
  22.   //ha van megadva időintervallum
  23.   if ($time_zone > 0)
  24.   {// napló fájlból IP-k új tömb-be
  25.    for ($i=0;$i&lt;sizeof($fajl_tartalom);$i++)
  26.    {//adatsorok darabolása határoló jel mentén
  27.     $entry = explode("|", $fajl_tartalom[$i]);
  28.     //IP-válogatása időintervallum alapján
  29.     $akt_datum = $this_time;
  30.     $file_datum = chop($entry[0]);
  31.     if ($akt_datum-$time_zone &lt; $file_datum)
  32.     {// IP-k új tömb-be
  33.            array_push($all_ip, $entry[1]);
  34.           }
  35.    }
  36.   }  
  37.   //azonos IP-k kiszűrése
  38.   $all_ip_szurt = array_values(array_unique($all_ip));
  39.  }
  40.  return $all_ip_szurt;
  41. }
  42.  

Itt is meg kell hívni include-val a "szurt_ip_olvas.php" fájlt, a térképet megjelenítő oldal legelején, amelynek emiatt *.php kiterjesztésűnek kell lennie.
A térkép és koordináta-pontok alap stílus beállítását ugyan olyan, mint az előző változatnál. Az adatok lekérésére a <body> után, pedig a következőképpen van lehetőség(pl.: adatkiírás kiséretében):

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. //ADATKIÍRÁS:
  2.   //vizsgált időszak napban(ha "0" a teljes napló fájlt vizsgálja)
  3.   $napok = 0;
  4.   $ip_darab = 0;
  5.   $szurt_ip = ip_list('relativ_eleres/naplo_fajl.txt', ($napok * 86400));
  6.   //látogató "ip"-k száma
  7.   for ($i = 1; $i < count($szurt_ip); $i++)
  8.   {
  9.     $ip_darab = $ip_darab + 1;
  10.   }
  11.   //kiírás
  12.   if ($napok === 0)
  13.     echo 'A "XY" honlap látogatói egy világtérképen (DÁTUM. óta '. $ip_darab .' látogató).';
  14.   else
  15.     echo 'A "XY" honlap látogatói egy világtérképen (utóbbi '. $napok .' nap alatt, '. $ip_darab .' látogató).';
  16.  

Természetesen, ha nincs adatkiírás akkor az adatok rögtön a fájl meghívása után lekérhetőek.
A megjelenítéshez itt is szükségesek a következő    ,    képek. Az ország-kódot, ország-nevet, város-nevet itt is a "GeoIpCity.dat" adatbázisból nyerem ki.
És végezetül jöjjön a térkép megjelenítésének kódja:

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. <!-- térkép megjelenítése -->
  2. <div id="terkep">
  3.   <?php
  4.    //ország-info adatbázis megnyitás
  5.    include('relativ_eleres/geoipcity.inc');
  6.    include('relativ_eleres/geoipregionvars.php');
  7.    $gi_data = geoip_open('relativ_eleres/GeoIpCity.dat',GEOIP_STANDARD);
  8.    //IP-ből országkód kiolvasás
  9.    for ($i = 0; $i < count($szurt_ip); $i++ )
  10.    {
  11.      if (!empty($szurt_ip[$i]))
  12.    {
  13.      //napló fájl sor-vég(- ) kivétele  
  14.      $tisztitva = trim(ereg_replace('-', '', $szurt_ip[$i]));  
  15.      //aktuális IP  
  16.      $aktual_ip = $tisztitva;  
  17.      //IP-ből országkód/országnév/stb adatok rekordba
  18.      $record = geoip_record_by_addr($gi_data, $aktual_ip);
  19.      if (($record->city <> '') &amp;&amp; ($record->country_code <> ''))
  20.       { //pozició konvertálás kép-mérethez
  21.         $top = 223 - ($record->latitude * 2.5);
  22.         $left = 448 +($record->longitude * 2.5);
  23.         //"LÁTOGATÓ ORSZÁG" KOORDINÁTA PONTJÁNAK MEGJELENÍTÉSE
  24.         echo '<div class="orszag" id="' . $record->country_code . '-' . $i . '" title="' .
  25.              $record->country_name . '('. $record->city. ')' . '" style="left:' .
  26.              $left . 'px;top:' . $top . 'px;display:block;"></div>';
  27.       }
  28.       else
  29.       {
  30.         if ($record->country_code <> '')
  31.         { //koordináta konvertálás 900x450-es kép mérethez(1 fok = 2.5 px, megjelenő pont = 4x4 px)
  32.           $top = 223 - ($record->latitude * 2.5);
  33.           $left = 448 +($record->longitude * 2.5);
  34.           //"LÁTOGATÓ ORSZÁG" KOORDINÁTA PONTJÁNAK MEGJELENÍTÉSE
  35.           echo '<div class="orszag" id="' . $record->country_code . '-' . $i. '" title="' .
  36.                $record->country_name . '()'.'" style="left:' . $left . 'px;top:' .
  37.                $top . 'px;display:block;"></div>';
  38.         }
  39.       }
  40.     }
  41.   }
  42.   geoip_close($gi_data);
  43. ?>
  44. </div>    <!-- terkep -->
  45.  

Sok szerencsét a felhasználáshoz!


Letöltés számláló php-vel

Sikerült összehozni egy egyszerű "php"-és letöltés számlálót, amely egyetlen "*.php" fájlból és annyi adat-fájlból("X.txt") áll amennyi a letölthető fájlok száma. Az eddigi letöltések száma is kiiratható, mindegyik letölthető fájlhoz külön-külön az aktuális érték.

a megoldás részletei  »»

FORRÁSKÓD és FELHASZNÁLÁS Minden letölthető fájl kap egy ID-t az elhelyezkedés sorrendjében, mely alapján azonosítható(!!az érték nulla nem lehet!!). A fájl neve helyett az ID/ID-érték látszik az állapot-sorban ha az egérrel a fájl-linkre állunk. Az aktuális adat-fájl neve is az ID-érték.
Íme a számlálást végző php-kód, melyet a példa kedvéért "letolt_szamol.php"-nek neveztem el.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. // letölthető fájlok a "letolt_szamol.php" fájlhoz képest
  2.   $zip_files[1]="../letoltheto1.zip";
  3.   $zip_files[2]="../letoltheto2.zip";
  4.   $zip_files[3]="../letoltheto3.zip";
  5.   $zip_files[4]="../letoltheto4.zip";
  6.   $zip_files[5]="../letoltheto5.zip";
  7. //$zip_files[x]="../xy.zip"; és igy tovább
  8.  
  9. // adat-fájlt módosító függvény
  10. function beir_fajlba($id)
  11. {
  12.   $actualfile = $id.'.txt';
  13.   // Ha az adat-fájl nem létezik, létrehozás...
  14.   if(!is_file($actualfile))
  15.         {
  16.           @touch($actualfile, strtotime("now"));
  17.         }
  18.   // Ha létezik az adat-fájl...
  19.   if(is_file($actualfile))
  20.         {
  21.           // Régi adat
  22.           $connection = fopen($actualfile, "r");
  23.           $counter = fgets($connection);
  24.           fclose($connection);
  25.           $counter = intval($counter);
  26.           // Új adat
  27.           $counter++;
  28.           // Új adat beírása
  29.           $connection = fopen($actualfile, "w");
  30.           fputs($connection, $counter);
  31.           fclose($connection);
  32.         }
  33. }
  34.  
  35. // adott fájlt letöltő függvény
  36. function letolt($url)
  37. {
  38.   header("Location:$url");
  39. }
  40.  
  41. //letöltés és adatbeírás folyamata
  42. if (!empty($_GET['id']))
  43. {
  44.   $idnumber = $_GET['id'];
  45.   //típus átalakítás
  46.   settype($idnumber,'integer');  
  47.   //az aktuálisan letölthető fájlok száma
  48.   $countnumber = count($zip_files);
  49.   if ((($idnumber>0)and($idnumber<$countnumber))or($idnumber===$countnumber))
  50.   {
  51.     // zip-fájl azonosítás id alapján
  52.     $zip_file = $zip_files[$idnumber];
  53.     //aktuális zip-fájl letöltés indítás
  54.     letolt($zip_file);
  55.     //adatbeírás aktuális adat-fájlba
  56.     beir_fajlba($idnumber);
  57.     $letolthiba=0;    
  58.   }
  59.   else
  60.   {
  61.     // hibás id esetén
  62.     $idnumber = '0';
  63.     //típus átalakítás
  64.     settype($idnumber,'integer');  
  65.     //vissza a letöltések oldalra
  66.     letolt('..relatív-elérés../letoltesek_oldal.php');
  67.     //adatbeírás hiba-fájlba
  68.     beir_fajlba($idnumber);
  69.   }
  70. }
  71. else
  72. {
  73.   //hiányzó id esetén
  74.   $idnumber = '0';
  75.   //típus átalakítás
  76.   settype($idnumber,'integer');  
  77.   //vissza a letöltések oldalra
  78.   letolt('..relatív-elérés../letoltesek_oldal.php');
  79.   //adatbeírás hiba-fájlba
  80.   beir_fajlba($idnumber);
  81.   $letolthiba=1;    
  82. }
  83.  

A "letolt_szamol.php" fájlban csak a letölthető fájlok adatait és a befogadó("letoltesek_oldal.php") fájl nevét kell módosítani az elérésekkel együtt. A forrásfájlt és a adat-fájlokat célszerű egy külön(pl: /szamlal) alkönyvtárban elhelyezni. Ha az ID üres, vagy hibás a letöltés indítása sikertelen lesz, melyek száma a "0.txt"-ben tárolódik.
Most pedig a számláló felhasználásának html-kódja, képpel történő indítás esetén.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. <!-- meghívás -->
  2. <a href="..elérés../szamlal/letolt_szamol.php?id=1">
  3.   <img style="width: 15px; height: 15px;" src="..elérés/kep.gif" border="0" title="letöltés" alt="" />
  4. </a>
  5. <br />
  6. <!-- kijelzés -->
  7. <?php
  8.  echo("Eddig: ");
  9.  include("..elérés../szamlal/1.txt");
  10.  echo(".");
  11. ?>
  12.  

Az "..elérés.." a befogadó "letoltesek_oldal.php" fájl elérése.
Természetesen, mivel a letöltés ténylegesen nincs ellenőrizve a letöltések száma csak az oldal frissítése után változik meg, továbbá a letöltési adat a kattintások számával egyenlő(a letöltés "mégse" is benne van ). A működés Delphi/Letöltések és Css/Letöltések menüpontokban nézhető meg.
Sok szerencsét a felhasználáshoz!


"Popup-win" felbukkanó ablak php-val

Ez az ismertető információs vagy hibakezelő célra használható, felbukkanó ablak leírását tartalmazza. A működéséhez nem szükséges "JS", csak "CSS" és "PHP". A szabványosság tekintetében pedig megfelel az "XHTML 1.0 Transitional" elvárásainak.(ráadásul CSS-valid is...) Mivel a megoldás bemutatása kissé bonyolultra sikerült, előbb nézd meg a DEMO-t és próbáld ki mind a három indítási módozatot!

a megoldás részletei  »»

FORRÁSKÓD és FELHASZNÁLÁS A befogadó oldalon a <html> előtt betöltésre kerül egy fájl, amelyben egy eljárás a felbukkanó ablakok azonosítására szolgál.
Ezután a <head> rész végén meghívom ezt a "hiba-figyelő" eljárást a "$hiba_nev,$uzenet_szam" értékek alapján annyiszor, amennyi üzenet-ablakot használok az oldalon.
Íme az ellenőrzést végző php-kód, melyet a példa kedvéért "hiba_uzi.php"-nek neveztem el.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. //PHP-fájl betöltés:
  2.   include "hiba_uzi.php";
  3.  
  4. //Eljárás forráskódja:
  5. function hiba_figyel($hiba_nev,$uzenet_szam)
  6. { if (!empty($_GET[$hiba_nev]))
  7.   { $mutat = $_GET[$hiba_nev];
  8.     if ($mutat == 'true')
  9.     { //aktuális mutatás
  10.       echo'<style type="text/css">';
  11.       echo'#keret'.$uzenet_szam.' #hibauzi'.$uzenet_szam.'{visibility:visible;}';
  12.       echo'</style>';
  13.     }
  14.     else
  15.     { //aktuális elrejtés
  16.       echo'<style type="text/css">';
  17.       echo'#keret'.$uzenet_szam.' #hibauzi'.$uzenet_szam.'{visibility:hidden;}';
  18.       echo'</style>';
  19.     }
  20.   }
  21. }
  22.  
  23. //Eljárás meghívás:
  24.   hiba_figyel('hiba1','1');
  25.  
  26.  

Következő lépésként közvetlenül <body> rész legelején betöltöm az "üzenet-boxok" leírását tartalmazó fájlt(rejtett_info.stf), melyek "css-beállítással" alapból rejtettek.
Ezután már csak a szükséges helyen egy link-kel, button-nal vagy egy másik php-s eljárással megjelenítem az eddig rejtett boxok valamelyikét.
Íme a forráskódok.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. // üzenet-boxok betöltése
  2.   include "rejtett_info.stf";
  3.  
  4.  
  5. // megjelenítés például: link-kel
  6.   <a href="index.php?hiba1=true">Zöld "Popup Window" klikkre felbukkan balra fent!</a>
  7.  
  8.  
  9. // megjelenítés például: button-nal
  10.   <form id="form2" method="post" action="index.php?hiba2=true" enctype="multipart/form-data" name="form2">
  11.     <input class="button" name="submit" value='"Popup Window" klikkre felbukkan!' type="submit" />
  12.   </form>
  13.  
  14.  
  15. // megjelenítés például: php-és eljárással
  16.   <form id="form3" method="post" action="popup_indit.php" enctype="multipart/form-data" name="form3">
  17.     // php-és sorok
  18.     <?php
  19.    echo('Válasz:  ');
  20.    echo("<input class='textinput-left' size='40' type='text' name='Name' value='' />");
  21.     ?>
  22.     <br />
  23.     <input class="button" name="submit" value="Írj be a egy választ és klikk!" type="submit" />
  24.   </form>
  25.  

Folytatásul a php-és megjelenítéshez szükséges eljárást tartalmazó "popup_indit.php" fájl, valamint a "popup.css" fájl forráskódjának egy felbukkanó ablakot formázó részlete.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1. //indító eljárás:
  2. <?php
  3. function ujratolt($url)
  4. { header("Location:$url"); }
  5. if (!empty($_GET["hivo"]))
  6.   $hivo = $_GET["hivo"];
  7. else
  8.   $hivo = "normal";
  9. //befogadó oldalon hiba=igaz
  10. $befogad1_hiba="index.php?hiba3=true&amp;stilus1=".$hivo; //.$stilus_tukor;
  11. //befogadó oldalon hiba=hamis
  12. $befogad2_hiba="index.php?hiba4=true&amp;stilus1=".$hivo; //.$stilus_tukor;
  13. //válasz vizsgálata
  14. if (!empty($_POST["Name"]))
  15. { //ha van beírás
  16.   $Name = ($_POST["Name"]);
  17.   if ($Name === "dinnye")
  18.   {//css-php jó válasz hibaüzenet betöltés
  19.     ujratolt($befogad2_hiba);
  20.   }
  21.   else
  22.   { //css-php rossz válasz hibaüzenet betöltés
  23.     ujratolt($befogad1_hiba);
  24.   }
  25. }
  26. else
  27. { //css-php rossz válasz hibaüzenet betöltés
  28.   ujratolt($befogad1_hiba);
  29. }
  30. ?>
  31.  
  32. //CSS formázó részlet:
  33. /* hiba keret1 */
  34. #keret1, #keret2, #keret3, #keret4
  35. {
  36.   margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;
  37.   padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
  38.   position: absolute;
  39.   width: 770px;
  40.   top: 0px;
  41.   text-align: center;
  42. }
  43. /* hiba-ablak1 */
  44. #keret1 #hibauzi1
  45. {
  46.   margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
  47.   padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
  48.   border-style: none;
  49.   background: url('../kepek/sorry-z.gif') repeat left top;
  50.   position: absolute;
  51.   width: 300px;
  52.   height: 300px;      
  53.   left: 15px;  
  54.   top: 20px;
  55.   visibility:hidden;
  56. }
  57. /* hiba-ablak2 */
  58. #keret2 #hibauzi2
  59. {
  60. ÉS ÍGY TOVÁBB...
  61.  

Legvégül a felbukkanó ablakok leírását tartalmazó "rejtett_info.stf" fájl két boxot tartalmazó részlete.

Kijelölés
GeSHi Syntax Highlighting 1.0.8.1 © 2004-2007, Nigel McNie, 2007-2008 Benny Baumann.
  1.   //rejtett div1
  2.   <div id="keret1">   //AZONOSÍTÓ!!!
  3.     <div id="hibauzi1">   //AZONOSÍTÓ!!!
  4.       <div class="style-centerbox-14-b">
  5.         <br />
  6.         Igy néz ki.
  7.         <br />
  8.         Csak <acronym title="Hypertext Preprocessor">PHP</acronym>
  9.         és <acronym title="Cascading Style Sheet">"CSS"</acronym>
  10.         van felhasználva.
  11.         <br />
  12.         (HI...HI...HI...HI...HI...)
  13.         <br />
  14.         <br />
  15.         <a href="index.php?hiba1=false">Bezár</a>   //AZONOSÍTÓ!!!
  16.         <br />
  17.       </div>
  18.     </div>
  19.   </div>
  20.  
  21.   //rejtett div1
  22.   <div id="keret2">   //AZONOSÍTÓ!!!
  23.     <div id="hibauzi2">   //AZONOSÍTÓ!!!
  24.       <div class="style-centerbox-14-b">
  25.         <br />
  26.         Igy néz ki.
  27.         <br />
  28.         Csak <acronym title="Hypertext Preprocessor">PHP</acronym>
  29.         és <acronym title="Cascading Style Sheet">"CSS"</acronym>
  30.         van felhasználva.
  31.         <br />
  32.         (HI...HI...HI...HI...HI...)
  33.         <br />
  34.         <br />
  35.         <a href="index.php?hiba2=false">Bezár</a>   //AZONOSÍTÓ!!!
  36.         <br />
  37.       </div>
  38.     </div>
  39.   </div>
  40.  


A felhasználás során feltétlen figyelj az "AZONOSÍTÓ"-k használatára a helyes működés érdekében! A komplett négy különböző tartalmú, felbukkanó ablakot bemutató demó a Php/Letöltések oldalról tölthető le.
Sok szerencsét a felhasználáshoz!


- Egy talált faágból akkor lesz sétapálca,
ha türelmesen és kitartóan elkezded faragni -
(anonymus)
xhtml   css   cc  

Reklámok