Keresés

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

  • RedAnt
    aktív tag

    igen elnáézést most látom műx nálam is. ez viszont azt hiszem nem pontosan az, amit szeretnék.

    beírom a böngészőbe: www.google.com és enter

    utána beírom lapa.hopto.org és enter

    ekkor az ikonnak szürkének kellene lennie. a cél, hogy a history csak az adott szájton belül működjön, amikor a ''back'' gombra a júzer már elhagyná azt, akkor ne legyen aktív. fenti esetben ugye ''back'' visszavinne guglira, de én ezt már nem szeretném (ilyenkor kéne elszürkülnie és üresnek lennie a href-nek). nemtom lehet én bonyolítom túl.

    [Szerkesztve]

    A függvényben feltételnek most az van megadva, amikor szürkének szeretnéd a gombot.

    Ha jól követem, azt szeretnéd, hogy ha a refererred a saját oldaladról van, akkor a gomb legyen kék, tehát ha a refererr nem tőled érkezett, olyankor cserélje szürkére.

    Ezt legegyszerűbb így ellenőrizni:

    var sajat = ''http://lapa.hopto.org/'';
    var hivatkozo = document.referrer;

    if (hivatkozo.indexOf(sajat) != 0) { // ha a hivatkozó nem az oldalad címével kezdődik
    ...
    }

    (ezt most nem teszteltem, de talán működik :) )

  • RedAnt
    aktív tag

    próbálom, de ígyse nem megy :(

    /b.js:

    function ikonteszt() {
    if (document.referrer == ''http://lapa.hopto.org/'') {
    document.getElementById('visszagomb').src = ''b_g.png'';
    }
    }


    a head-ben van ez:

    <script src=''/b.js'' type=''text/javascript''></script>

    a body-ban meg ez:

    <body onload=''ikonteszt()''>

    meg ez:

    <a href=''#'' onclick=''history.go(-1);return true;''>
    <img style=''border:0;width:44px;height:44px;margin-left:20px;margin-right:20px''
    id=''visszagomb''
    src=''/b.png''
    alt=''vissza / back''/>
    </a>

    öö, a lapa.hopto.org-on nálam működik :F O9/FF2/IE6 alatt teszteltem.
    Pl. ha a címsorba beírom az url-t, akkor kéke a balra nyíl
    ha viszont a felső ikonra kattintok, a referrerben a gyökérkönyvtárad lesz, és kiszürkül a balra nyíl. Mi kell még? :)

  • RedAnt
    aktív tag

    hú ez nálam nem műx, valszeg elrontok vmit:

    1. tehát az első sorod alapján az id attribútummal kiegészítem, ez ok.

    a scriptet kopipészteltem egy /b.js fájlba és moddoltam a domaint meg az kép src-jét.

    utána ezt a sort raktam be a htm-be:

    <script src=''/b.js'' type=''text/javascript''></script>

    jelenleg mindig kék az ikon, ha más szájtról másztam oda akkor is.


    2. a pöttyös keret meg az ami mozog ha ie-ben a tab gombot nyomogatod. megpróbáltam így kiegészíteni az alsó hover résszel de ez nem hessegeti el a pöttyöket:

    a {
    text-decoration:none;
    }

    a:link {
    color:#00008b;
    }

    a:visited {
    color:#4e4e4e;
    }

    a:hover {
    border:none;
    }


    ...sose csináltam még ilyet, csak szájbarágósan :)

    [Szerkesztve]

    A példámból lemaradt egy idézőjel a getElementById('visszagomb')-nál.
    Próbáld megy úgy, hogy a js-en belül egy függvénybe teszed az utasítást, amit a <body onload=''fuggveny()''> híváskor lefuttatsz.

    A javascriptnél meg úgy tűnik nálad nem a linknek van pöttyözött kerete, így annak hiába veszed ki ha felette az egér.

    Csináltam egy kis mintát, amiben igyekeztem mindkét problémára kitérni: [link]

    php-val lehet hogy egyszerűbb lenne a dolog, már a referrer-es része, és akkor nem kavarna be ha valaki kikapcsolta a js-t.

  • RedAnt
    aktív tag

    üdv. egy ''back'' gombként működő ikont szeretnék, ami azonban kiszürkül amint eljutottunk az első, adott szájton általunk látogatott oldalig (egy sessionön belül). lelki szemeim előtt valami ilyet képzeltem el úgymond erős tájszólással:

    img if javascript:history.go(-1) != %www.mittudomain.hu% then szürke else színes és href javascript:history.go(-1)

    megköszönném ha valaki megdobna egy ''hohdajcs'' verzióval. esetleg úgy, hogy .js fájlként használnám.

    <img id=''visszagomb'' src=''szines.png'' alt=''színes vissza gomb'' title=''Vissza'' />


    <script type=''text/javascript''>
    if (document.referrer == ''www.mittudomain.hu'') {
    document.getElementById(visszagomb).src = ''szurke.png'';
    }
    </script>

    #770: aktív ikon alatt mit értesz? ami az egér alatt van? Az ikont tartalmazó linkek :hover álosztályába írd be hogy border:none;
    Pl.
    a.ikon{
    border: dotted vagy mi;
    }
    a.ikon:hover {
    border: none;
    }
    <a class=''ikon''><img src=''ikon.png'' alt=''ikon'' /></a>

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