Hirdetés

Keresés

Új hozzászólás Aktív témák

  • The DJ
    addikt

    Szia!

    Kiprobáltam, igaz csak gyorsban és nem tökéletes, de mindket script reagált a click eseményre. Kiindulasnak szerintem jó lesz. Ez volt a html:

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
    <head>
    <title>index</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="hu" />
    <!-- stylesheet -->

    <link rel="stylesheet" href="stylesheet/tablecloth.css" type="text/css" media="screen" />

    <!-- JSL -->
    <script src="javascript/accordian_pack.js" type="text/javascript"></script>
    <script src="javascript/tablecloth.js" type="text/javascript"></script>
    </head>
    <body>

    <div id="basic-accordian">basic</div>
    <div id="test-header">header</div>
    <div id="test-content">
    <div class="accordion_child">
    Valami szoveg
    </div>
    </div>

    <table class="table1" cellspacing="0" cellpadding="0">
    <tr>
    <td>&nbsp;</td>
    <th>Title</th>
    <th>Title</th>

    <th>Title</th>
    </tr>
    <tr>
    <th>Title</th>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>

    </tr>
    <tr>
    <th>Title</th>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>
    </tr>

    <tr>
    <th>Title</th>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>
    </tr>
    </table>
    </body>
    </html>

    A tablecloth.js-be pedig ez került. Kiváltottam függvényhívással az eseménykezelő hozzárendelést.

    /* script initiates on page load. */
    //window.onload = tablecloth;

    window.onload = function() {
    new Accordian('basic-accordian',5,'header_highlight');
    tablecloth();
    };

    Eddig ezeket a scipteket nem ismertem. Kicsit bele kellett kukkolnom.

    Köszönöm a fáradozásaidat, ez már valóban jobb, annyiból legalábbis biztosan, hogy a "body onload" részt teljesen száműztem és a tablecloth.js általad írt utolsó pár sora végzi el ezt a feladatot (sikeresen.)

    Az ajax menü szépen működik és ha a főoldalon levő táblázatnak "table1" class-t adok, akkor a tablecloth is végzi a dolgát szépen, de... az a baj, hogy nekem nem a főoldalon vannak a táblázataim és ha a menüpontokra kattintgatok ott már megáll a script tudománya, ugyanis az almenükön belül hiába "table1" class-al rendelkeznek a táblázatok, mégsem reagálnak semmire.

    Ennek a gondja sajnos valószínűleg a PHP kód azon része lesz, ami az oldalak betöltéséért felelős:

    <?php
    $page=$_GET[page];
    if(!isset($page)){
    include "kezdolap.php";
    }else{
    $vanea=is_file($page.'.php');
    if(empty($vanea)){
    $vanea="0";
    }
    if($vanea==1){
    include "$page.php";
    }else{
    include "nincs.php";
    }
    }
    ?>

    Viszont valószínűleg így nem is lehet megoldani a dolgot :( Csak úgy tudtam eddig is működésre bírni mindkettőt, ha az aloldalakon belül is létrehoztam egy <head> részt és mindegyikben külön betöltöttem a tablecloth.js scriptet, de ez így nem éppen szabványkövető megoldás és a W3C Validation is kifogásolja. :U

    Ha esetleg van valami ötleted szívesen fogadom, de ha ez így nem megoldható, akkor kénytelen leszek beletörődni és csak az egyiket használni, még ha jól is néztek ki együtt.

  • zhagyma
    őstag

    Szia!

    Kiprobáltam, igaz csak gyorsban és nem tökéletes, de mindket script reagált a click eseményre. Kiindulasnak szerintem jó lesz. Ez volt a html:

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
    <head>
    <title>index</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="hu" />
    <!-- stylesheet -->

    <link rel="stylesheet" href="stylesheet/tablecloth.css" type="text/css" media="screen" />

    <!-- JSL -->
    <script src="javascript/accordian_pack.js" type="text/javascript"></script>
    <script src="javascript/tablecloth.js" type="text/javascript"></script>
    </head>
    <body>

    <div id="basic-accordian">basic</div>
    <div id="test-header">header</div>
    <div id="test-content">
    <div class="accordion_child">
    Valami szoveg
    </div>
    </div>

    <table class="table1" cellspacing="0" cellpadding="0">
    <tr>
    <td>&nbsp;</td>
    <th>Title</th>
    <th>Title</th>

    <th>Title</th>
    </tr>
    <tr>
    <th>Title</th>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>

    </tr>
    <tr>
    <th>Title</th>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>
    </tr>

    <tr>
    <th>Title</th>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>
    </tr>
    </table>
    </body>
    </html>

    A tablecloth.js-be pedig ez került. Kiváltottam függvényhívással az eseménykezelő hozzárendelést.

    /* script initiates on page load. */
    //window.onload = tablecloth;

    window.onload = function() {
    new Accordian('basic-accordian',5,'header_highlight');
    tablecloth();
    };

    Eddig ezeket a scipteket nem ismertem. Kicsit bele kellett kukkolnom.

    Feltettem egy kibővített mintát ide: [link]
    Ha megnézted, kérlek jelezd hogy letörölhessem. Ha nem jelzel 2 nap múlva letörlöm.

Új hozzászólás Aktív témák