Avatar billede paviuz Nybegynder
16. september 2002 - 22:02 Der er 10 kommentarer og
1 løsning

Hjælp til FOTX menu.

Hej...
Det ligger sådan at jeg ikke er særlig go til Javascript derfor vil jeg gerne have hjælp :)

http://www.emil.vonbuchwald.dk/fotx/designet/menu.php

Prøv at klikke rundt.. den tar kun efter info_op.gif og info_ned.gif .. fordi det har jeg skrevet i koden..
der kan i selv kigge koden igennem (REN HTML)
men kan jeg ikke gøre så jeg kan vælge forskellige billeder hvor jeg bruger fx: id="info" istedet for: id="b5i"

Skriv lige her hvis i ikke forstår mig :)
Menu.js //

var $expire = new Date();
    var $cookie_expire = $expire.toGMTString();
    var $cookie_domain = location.host;

    if (top.location != self.location) {
        top.location.href = self.location;
    }

    if (location.host.indexOf('www.emil.vonbuchwald.dk') != -1) {
        window.onerror = null;
    }

    function box_click ($id) {
        var $btitle, $bcontent, $bimg;
        if (document.all && document.getElementById) {            //IE5
            $btitle = document.all($id).style;
            $bcontent = document.all($id+'c').style;
            $img = document.all($id+'i');
        } else if (!document.all && document.getElementById) {    //NS6
            $btitle = document.getElementById($id).style;
            $bcontent = document.getElementById($id+'c').style;
            $img = document.getElementById($id+'i');
        } else {    // !IE5 && !NS6
            return false;
        }
        if ($bcontent.visibility == 'hidden') {
            $bcontent.display = '';
            $bcontent.visibility = 'visible';
            $btitle.cursor = 'hand';
            $img.src = 'img/info_op.gif';
            set_cookie('box['+$id+']',1,$cookie_expire,'/',$cookie_domain);
        } else {
            $bcontent.display = 'none';
            $bcontent.visibility = 'hidden';
            $btitle.cursor = 'hand';
            $img.src = "img/info_ned.gif";
            set_cookie('box['+$id+']',0,$cookie_expire,'/',$cookie_domain);
        }
    }

    function list_active ($id) {
        set_cookie('box['+$id+']',1,$cookie_expire,'/',$cookie_domain);
        document.location.href = self.location;
    }

    function set_cookie ($name, $value, $expires, $path, $domain, $secure) {
        document.cookie = $name + '=' + escape($value) + (($expires) ? '; expires=' + $expires : '') + (($path) ? '; path=' + $path : '') + (($domain) ? '; domain=' + $domain : '') + (($secure) ? '; secure' : '');
    }

    function set_browser_width () {
        $browser_width = (window.innerWidth || document.body.clientWidth) - 16;
        if (document.cookie.indexOf('browser_width=' + $browser_width) <= 0) {
            set_cookie('browser_width', $browser_width);
        }
    }


Mvh. Emil
Avatar billede paviuz Nybegynder
16. september 2002 - 22:05 #1
Altså klik på de der billeder.. ;)
Avatar billede paviuz Nybegynder
16. september 2002 - 22:48 #2
I må _gerne_ skrive hvad det er i ikke forstår :)

så kan jeg jo prøve at foklare bedre.
Avatar billede Slettet bruger
17. september 2002 - 18:04 #3
Hvis jeg var dig, så ville jeg sende billedets src med i funktionskaldet:

function box_click ($id, opsrc, nedsrc) {

Og længere ned i scriptet bruge:

$img.src = opsrc;

... og:

$img.src = nedsrc;
Avatar billede paviuz Nybegynder
17. september 2002 - 22:12 #4
Avatar billede paviuz Nybegynder
17. september 2002 - 22:16 #5
Phoenixv --> hvad skal man så skrive i nein.php ^^ kig på linket over ;)
Avatar billede Slettet bruger
18. september 2002 - 20:29 #6
Din funktion skal se således ud:

function box_click ($id, $on, $off) {
        var $btitle, $bcontent, $bimg;
        if (document.all && document.getElementById) {            //IE5
            $btitle = document.all($id).style;
            $bcontent = document.all($id+'c').style;
            $img = document.all($id+'i');
        } else if (!document.all && document.getElementById) {    //NS6
            $btitle = document.getElementById($id).style;
            $bcontent = document.getElementById($id+'c').style;
            $img = document.getElementById($id+'i');
        } else {    // !IE5 && !NS6
            return false;
        }
        if ($bcontent.visibility == 'hidden') {
            $bcontent.display = '';
            $bcontent.visibility = 'visible';
            $img.src = $on;
            set_cookie('box['+$id+']',1,$cookie_expire,'/',$cookie_domain);
        } else {
            $bcontent.display = 'none';
            $bcontent.visibility = 'hidden';
            $img.src = $off;
            set_cookie('box['+$id+']',0,$cookie_expire,'/',$cookie_domain);
        }
    }

Den skal kaldes sådan her:

onClick="box_click(this.id, 'img/NAVN_op.gif', 'img/NAVN_ned.gif');"

I stylesheetet skal du tilføje disse linjer i klassen "menuemne":

cursor: pointer; //NS6
cursor: hand; //IE5

P.S. Jeg skal ikke have point for at hjælpe FOTX!
Avatar billede Slettet bruger
18. september 2002 - 20:29 #7
Hvorfor du bruger dollartegn foran variabelnavne fatter jeg dog ikke...
Avatar billede paviuz Nybegynder
18. september 2002 - 22:18 #8
fordi jeg ikke fatter Javascript? :D

Men det er barefeeed at det så også virker.. Eksperten LæNGE LEVE :O)!

Hvad skulle jeg skrive istedet for $ tegnet..
skriv det lgie her :P
Avatar billede paviuz Nybegynder
18. september 2002 - 22:19 #9
Lav et svar.. så blir jeg glad :-)
Avatar billede Slettet bruger
19. september 2002 - 15:11 #10
Lad være med at skrive noget i det hele taget. Det virker præcist lige så godt uden (og det er også det, man gør blandt JavaScriptere).

Og nej, du får ikke et svar! Når du og de tre (eller er det fire) andre gør så meget arbejde, kan jeg da i det mindste hjælpe til med dette!
Du må endeligt sige til, hvis der skal mere JavaScript til! Du kan evt. maile mig på phoenixv@post.com
Avatar billede paviuz Nybegynder
19. september 2002 - 17:12 #11
k tak.. det er 4
fedt nok.. :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester