Søg
Avatar billede maxa Nybegynder
16. marts 2004 - 14:43 Der er 33 kommentarer og
3 løsninger

Problemer med visning af webside på mac.

Hej alle,

Jeg har problemer med visningen af min webside på mac (det som jeg har lavet indtil nu, på www.nayano.dk/ny). Er der en venlig sjæl som kan hjælpe mig med noget kode til at løse de problemer der evt. måtte være. Dette giver 50 point.

Endvidere ønsker jeg at få ryddet lidt op i de kode jeg har liggende (se underneden), og mulgvis få lavet en function til afvikling af nogen af alle de gentagelser jeg har, vedrørende visning af billederne (knapperne og silutterne). Dette giver ligeså 50 point.

Tilsidst ønsker jeg en måde, hvorpå jeg kan skifte indholdet i tabellen, når der trykkes på et ønsket område, fremfor at sende brugerne ind på en ny side. Kan det overhoved lade sig gøre, uden at gøre brug af en database?? - hvis ikke, har jeg hos min host (surftown) mulighed for at bruge en MySql database. Hvis der er nogen, som kan hjælpe mig med dette problem (nødvendige koder og foreslag til opsætningen), udløser det selvfølgelig de sidste 50 point. 

Jeg håber det er forståeligt, ellers meld endelig tilbage, så forsøger jeg at uddybe yderligere.

Venligst Max


<html>
<head>
<title>Nayano</title>
<script type="text/javascript">
FadeObjects = new Object();
FadeTimers = new Object();

function Fade(object, b, c, d){
object.style.zIndex="9";
if (object == skjul) {object.style.zIndex="11";}
if (!document.all)
return
    if (object != "[object]"){ 
        setTimeout("Fade("+object+","+b+","+c+","+d+")",0);
        return;
      }
      clearTimeout(FadeTimers[object.sourceIndex]);
      diff = b-object.filters.alpha.opacity;
      direction = 1;
      if (object.filters.alpha.opacity > b){
            direction = -1;
      }
  delta=Math.min(direction*diff,d);
    object.filters.alpha.opacity+=direction*d;
    if (object.filters.alpha.opacity != b){
        FadeObjects[object.sourceIndex]=object;
        FadeTimers[object.sourceIndex]=setTimeout("Fade(FadeObjects["+object.sourceIndex+"],"+b+","+c+","+d+")",c);
    }
}

</script>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="50" marginwidth="0" marginheight="0">
<table width="795px" height="570px" border="0" align="center">

    <td width="707" height="570" valign="top"><div class="overflowScroll" name="indhold">
    <img src="Billeder/siluetter/skjul.gif" name="skjul" id="bg" style="filter:Alpha(opacity=00);">
    <img src="Billeder/siluetter/bg.gif" id="bg" name="bg" style="filter:Alpha(opacity=100);">
    <a href="#" onmouseover="Fade(b1,100,0,10);Fade(k1,100,0,10)" onmouseout="Fade(b1,00,0,20);Fade(k1,00,0,20)" onclick="Fade(skjul,100,1,10);"><img ID="port1" name="pot1" src="Billeder/siluetter/a1.gif"><img src="Billeder/siluetter/b1.gif" id="port1" name="b1" style="filter:Alpha(opacity=0);"></a>
     
      <a href="#" onmouseover="Fade(b2,100,0,10);Fade(k2,100,1,10)" onmouseout="Fade(b2,00,0,20);Fade(k2,00,0,20)" onclick="Fade(skjul,100,1,10);"><img ID="port2" name="pot2" src="Billeder/siluetter/a2.gif"><img src="Billeder/siluetter/b2.gif" id="port2" name="b2" style="filter:Alpha(opacity=0);"></a>
         
        <a href="#" onmouseover="Fade(b3,100,0,10);Fade(k3,100,1,10)" onmouseout="Fade(b3,00,0,20);Fade(k3,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="port3" name="pot3" src="Billeder/siluetter/a3.gif"><img src="Billeder/siluetter/b3.gif" id="port3" name="b3" style="filter:Alpha(opacity=0);"></a>
         
        <a href="#" onmouseover="Fade(b4,100,0,10);Fade(k4,100,1,10)" onmouseout="Fade(b4,00,0,20);Fade(k4,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="port4" name="pot4" src="Billeder/siluetter/a4.gif"><img src="Billeder/siluetter/b4.gif" id="port4" name="b4" style="filter:Alpha(opacity=0);"></a>
           
        <a href="#" onmouseover="Fade(b5,100,0,10);Fade(k5,100,1,10)" onmouseout="Fade(b5,00,0,20);Fade(k5,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="port5" name="pot5" src="Billeder/siluetter/a5.gif"><img src="Billeder/siluetter/b5.gif" id="port5" name="b5" style="filter:Alpha(opacity=0);"></a>
           
        <a href="#" onmouseover="Fade(b6,100,0,10);Fade(k6,100,1,10)" onmouseout="Fade(b6,00,0,20);Fade(k6,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="port6" name="pot6" src="Billeder/siluetter/a6.gif"><img src="Billeder/siluetter/b6.gif" id="port6" name="b6" style="filter:Alpha(opacity=0);"></a></div></td>
       
<td align="left" valign="top"><div name="knapper" align="left" class="overflowHidden">
           
        <a href="#" onmouseover="Fade(k1,100,0,10);Fade(b1,100,0,10)" onmouseout="Fade(k1,00,0,20);Fade(b1,00,0,20)" onclick="Fade(skjul,100,1,10);"><img ID="knap1" name="kna1" src="Billeder/siluetter/thework.gif"><img src="Billeder/siluetter/thework_over.gif" id="knap1" name="k1" style="filter:Alpha(opacity=0);"></a>
                 
        <a href="#" onmouseover="Fade(k2,100,0,10);Fade(b2,100,0,10)" onmouseout="Fade(k2,00,0,20);Fade(b2,00,0,20)" onclick="Fade(skjul,100,1,10);"><img ID="knap2" name="kna2" src="Billeder/siluetter/parte.gif"><img src="Billeder/siluetter/parte_over.gif" id="knap2" name="k2" style="filter:Alpha(opacity=0);"></a>
                     
        <a href="#" onmouseover="Fade(k3,100,0,10);Fade(b3,100,0,10)" onmouseout="Fade(k3,00,0,20);Fade(b3,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="knap3" name="kna3" src="Billeder/siluetter/radical.gif"><img src="Billeder/siluetter/radical_over.gif" id="knap3" name="k3" style="filter:Alpha(opacity=0);"></a>
                     
        <a href="#" onmouseover="Fade(k4,100,0,10);Fade(b4,100,0,10)" onmouseout="Fade(k4,00,0,20);Fade(b4,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="knap4" name="kna4" src="Billeder/siluetter/massage.gif"><img src="Billeder/siluetter/massage_over.gif" id="knap4" name="k4" style="filter:Alpha(opacity=0);"></a>
                       
        <a href="#" onmouseover="Fade(k5,100,0,10);Fade(b5,100,0,10)" onmouseout="Fade(k5,00,0,20);Fade(b5,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="knap5" name="kna5" src="Billeder/siluetter/drom.gif"><img src="Billeder/siluetter/drom_over.gif" id="knap5" name="k5" style="filter:Alpha(opacity=0);"></a>
                       
        <a href="#" onmouseover="Fade(k6,100,0,10);Fade(b6,100,0,10)" onmouseout="Fade(k6,00,0,20);Fade(b6,00,0,20)" onclick="Fade(skjul,100,1,10)"><img ID="knap6" name="kna6" src="Billeder/siluetter/super.gif"><img src="Billeder/siluetter/super_over.gif" id="knap6" name="k6" style="filter:Alpha(opacity=0);"></a>
                       
        <a href="#" onmouseover="Fade(k7,100,0,10)" onmouseout="Fade(k7,0,5,10)" onclick="Fade(skjul,100,1,10)"><img ID="knap7" name="kna7" src="Billeder/siluetter/kontakt.gif"><img src="Billeder/siluetter/kontakt_over.gif" id="knap7" name="k7" style="filter:Alpha(opacity=0);"></a>
                 
        <a href="#" onmouseover="Fade(k8,100,0,10)" onmouseout="Fade(k8,0,50,10)" onclick="Fade(skjul,100,1,10)"><img ID="knap8" name="kna8" src="Billeder/siluetter/home.gif"><img src="Billeder/siluetter/home_over.gif" id="knap8" name="k8" style="filter:Alpha(opacity=0);"></a></div></td>
  </tr>
</table>
</body>
</html>
Avatar billede olebole Juniormester
16. marts 2004 - 17:27 #1
<ole>

Det ville jo hjælpe væsentligt, hvis du brugte et par ord på, hvad det er, der er galt, når siden vises under MacOS - og ikke mindst vigtigt: I hvilke browsere (og versioner).

/mvh
</bole>
Avatar billede maxa Nybegynder
16. marts 2004 - 17:42 #2
Hej Ole,

Jeg er ikke helt klar over hvilken browserversion det er, andet end det er en IE. Det er min kæreste der har afprøvet det, hun går på GrafiskHøjskole, så mon ikke det er en rimelige opdateret version.

Efter hvad jeg kunne forstå på hendes udlægning var, at alle siluetterne er aktive og at knapperne slet ikke er synlige.

Jeg havde nok håbede lidt på, at der sad en ekspert med både mac og pc, som havde mulighed for selv at se problemerne.

V Max
Avatar billede olebole Juniormester
16. marts 2004 - 18:16 #3
Mon ikke, det er dine filtre - de virker jo ikke under MacOS  :)

Prøv evt. at rette din IE-test-linie til:
  if (!document.all || navigator.platform.toLowerCase().indexOf("mac")!=-1) return;

Jeg har desværre ikke min Mac kørende, men jeg vil formode, dette vil gøre underværker  ;o)
/mvh
Avatar billede maxa Nybegynder
16. marts 2004 - 18:40 #4
Jeg prøvet at udskifte  if (!document.all)  - det var den ik'?
med den som du havde sendt mig, men så fungeret ikke på min pc.

Det skal lige siges at jeg ikke er så styg til javascript, så jeg har nok brug for en lidt mere tung forklaring... d:o)
Avatar billede olebole Juniormester
16. marts 2004 - 19:07 #5
*LoooL* my-wrong  :D

if (!document.all || navigator.platform.toLowerCase().indexOf("mac")==-1) return;
Avatar billede olebole Juniormester
16. marts 2004 - 19:08 #6
Den linie gør at ikke-IE'ere og alle browsere under MacOS ikke læser længere i scriptet - og det skulle meget gerne klare dit problem  ;o)
Avatar billede maxa Nybegynder
16. marts 2004 - 19:39 #7
Nåååh, ja det forklar jo hvorfor jeg ikke kunne få det til at virke....
Betyder det så samtidig at det ikke kan lade sige gøre at få det til at virke på mac.???


        ~"~
      (@ @)
--oOO---(_)---OOo---
Avatar billede olebole Juniormester
16. marts 2004 - 19:50 #8
På Mac vil det virke som i f.eks. Moz og Opera på PC ... dvs, at det pågældende billede træder frem, så det står forrest.
Prøv det og lad kæresten checke igen imorgen  :)
Avatar billede maxa Nybegynder
16. marts 2004 - 19:54 #9
Jeg prøver og vende tilbage...
Var det ikke noget for dig at løse et par af de andre opgaver.. d;o)
Avatar billede olebole Juniormester
16. marts 2004 - 19:57 #10
Det kan da godt være  :)
Avatar billede maxa Nybegynder
16. marts 2004 - 20:19 #11
Hej igen ole, så er jeg allerede tilbage..
Vi er da enige om at din linie skal indsættes i starten af funktionen, så den afbryder den videre læsning, såfremt det ikke er IE på PC, ik'?
Hvis jeg gøre det, afbryder den også på den platform jeg selv køre på, IE6 på PC. Det er da ikke meningen, vel?

function Fade(object, b, c, d){
if (!document.all || navigator.platform.toLowerCase().indexOf("mac")==-1) return;
object.style.zIndex="9";
if (object == skjul) {object.style.zIndex="11";}
if (!document.all)
return
    if (object != "[object]"){ 
        setTimeout("Fade("+object+","+b+","+c+","+d+")",0);
        return;
      }
      clearTimeout(FadeTimers[object.sourceIndex]);
      diff = b-object.filters.alpha.opacity;
      direction = 1;
      if (object.filters.alpha.opacity > b){
            direction = -1;
      }
  delta=Math.min(direction*diff,d);
    object.filters.alpha.opacity+=direction*d;
    if (object.filters.alpha.opacity != b){
        FadeObjects[object.sourceIndex]=object;
        FadeTimers[object.sourceIndex]=setTimeout("Fade(FadeObjects["+object.sourceIndex+"],"+b+","+c+","+d+")",c);
    }
}
Avatar billede olebole Juniormester
16. marts 2004 - 20:23 #12
Nu er jeg zq ved at være træt ...! Det første eksempel var rigtigt:

function Fade(object, b, c, d){
if (!document.all || navigator.platform.toLowerCase().indexOf("mac")!=-1) return;
object.style.zIndex="9";
if (object == skjul) {object.style.zIndex="11";}
if (!document.all)
return
    if (object != "[object]"){ 
        setTimeout("Fade("+object+","+b+","+c+","+d+")",0);
        return;
      }
      clearTimeout(FadeTimers[object.sourceIndex]);
      diff = b-object.filters.alpha.opacity;
      direction = 1;
      if (object.filters.alpha.opacity > b){
            direction = -1;
      }
  delta=Math.min(direction*diff,d);
    object.filters.alpha.opacity+=direction*d;
    if (object.filters.alpha.opacity != b){
        FadeObjects[object.sourceIndex]=object;
        FadeTimers[object.sourceIndex]=setTimeout("Fade(FadeObjects["+object.sourceIndex+"],"+b+","+c+","+d+")",c);
    }
}

... sorry  :)
Avatar billede roenving Novice
16. marts 2004 - 20:25 #13
Men du kan sagtens lave fade, som funker på adskillige platforme:

http://roenving.users.whitehat.dk/WD5Opacity.html

Mac kompatibilitet (OS X, Panter. Version: 10,3):
Virker ikke i: Safari, Internet Explorer, Opera (gav op efter 1 min loadetid).
Virker fint i: Netscape, Camino.
Avatar billede olebole Juniormester
16. marts 2004 - 20:28 #14
yups ... men det giver endnu større problemer med browser-diskriminering  :)
Avatar billede roenving Novice
16. marts 2004 - 20:29 #15
-- har egentlig ikke noget imod at diskriminere IE og klonen, men er lidt ked af, at Safari må stå af !-)
Avatar billede olebole Juniormester
16. marts 2004 - 20:33 #16
Safari burde _kun_ være noget, man dyrker i Afrika. Den nyder samme popularitet hos OleBole, som Opera gjorde før version 7.0. Den version, der løftede Opera op fra komplet umuligt til en alm. skod-browser  :)
Avatar billede maxa Nybegynder
16. marts 2004 - 20:39 #17
oookey, nu sidder jeg jo som sagt selv på en IE forbindelse, og er selvfølgelig interesseret i at det virker på den mest brugte browser (ikke ensbetydende med at det er den bedste), da det skal ud til så bredt et publikum så muligt.

Jeg har samtidig lige testet løsningen på din side Roenving, og den ser da ud til også at virke på min browser, selvom det er en IE. Er det fordi det forengangsskyld er lykkes MS at følge W3C's standarder???
Avatar billede olebole Juniormester
16. marts 2004 - 20:49 #18
Det er IE/MacOS, det ikke virker i  ;o)
Avatar billede roenving Novice
16. marts 2004 - 20:49 #19
Nej, det er IE/Mac, som ikke virker ...

-- og din kode ser ud til at have et kraftigt slægtskab med den kode, jeg oprindeligt tog udgangspunkt i (klik på de tre prikker efter inspireret ... !-)

-- og som der står på siden virker den faktisk i de større browsere på windows ...

-- men ovenstående har jeg fået fra en venlig bruger, fordi jeg ikke selv havde mulighed for at teste på mac, så det er præcis, hvad der står: Mac-kompatibilitet !o]
Avatar billede maxa Nybegynder
16. marts 2004 - 21:01 #20
Nåh, jamen så er jo allerede nået halvvejs, hvis det trodssalt virker på mac med et par af de andre browser. Hvis jeg væbner mig ned lidt tålmodighed lykkes det vel i sidste ende. 

Er det tid til at kaste lidt guld på gaden, eller skal vi trække den lidt endnu??

            ~"~
          ($ $)
--oOO---(_)---OOo---
Avatar billede roenving Novice
16. marts 2004 - 21:09 #21
-- og et hurtigt kig på navnene på de browsere, som det virker i på Mac'en, afslører at det er de browsere, som bruger Gecko-maskinen, så det er jo ganske naturligt, da min fade-maskine præcis bruger IE-filters og Geckos -moz-opacity ...

-- og hvad mener du med at trække den ?-)
Avatar billede maxa Nybegynder
16. marts 2004 - 21:20 #22
Jeg mener: at jeg ikke selv har mulighed for at tjekke om ændringerne virker, og at i måske ville have det bedst med at vide, at det i har leveret fuldt ud levede op til forventningerne (det ved jeg efter en test i morgen).

Men det skal da ikke skille os, jeg har da fuld tillid til jeres kunnen. Hvordan vil i dele pointene? skal vi sige 10 til ole og 40 til Roenving? Læg lige nogle svar.
Avatar billede olebole Juniormester
16. marts 2004 - 21:24 #23
fjong med mig  :)
Skulle det vise sig, du stadig har problemer, er du velkommen til at vende tilbage til dette spm ... afgivne points eller ej  :)
/mvh
Avatar billede olebole Juniormester
16. marts 2004 - 21:25 #24
Oooops  :D
Avatar billede roenving Novice
16. marts 2004 - 21:26 #25
-- jamen så velbekomme '-)
Avatar billede maxa Nybegynder
16. marts 2004 - 21:30 #26
Øh kan jeg nu det, altså kun nøjes med kun at uddele 50 point, eller vil i automatisk også få de øvrige point? - jeg er rimelig grøn...
Avatar billede roenving Novice
16. marts 2004 - 21:33 #27
Hvis du vil beholde de 100 points, skal du selv lægge et svar og så bruge avanceret-knappen til at uddele points ...
Avatar billede olebole Juniormester
16. marts 2004 - 21:33 #28
Så lægger du selv et svar ... og fordeler points mellem os alle tre  :)
Avatar billede maxa Nybegynder
16. marts 2004 - 21:39 #29
ja, det er vel den eneste mulighed. Så må jeg oprette mine spørgsmål igen, og denne her gang dele dem lidt bedre op...
Avatar billede roenving Novice
16. marts 2004 - 21:45 #30
-- og tak for points ;~}
Avatar billede maxa Nybegynder
16. marts 2004 - 21:54 #31
My pleasure..
Jeg har lige fået testet din opacity-side på en mac med IE5.2 og Safari, og kan fuldt ud bekræfte, at den ikke virker på disse systemer. Hvis du nu på et tidspunkt får lavet en opdatering, vil jeg meget gerne høre om den.

På forhånd tak.

V Max.
Avatar billede roenving Novice
16. marts 2004 - 21:59 #32
Jeg tror, at opdatering ikke vil bibringe muligheden for at fade på 5.2 og Safari, da den bagvedliggende ting slet ikke findes i de browsere ...

-- og M$ har i hvert fald udmeldt, at der ikke kommer nye Mac-browsere fra dem !-)
Avatar billede olebole Juniormester
16. marts 2004 - 22:14 #33
Mac-browsere burde de have stoppet med at producere i '96  :)
Avatar billede maxa Nybegynder
16. marts 2004 - 22:50 #34
En forespørgelse til Roenving's opacity funktion:

Hvis jeg ønske at ændre på de antal step som functionen tæller op og ned, hvad skal jeg så stille på?

Jeg fandt frem til at jeg kunne ændre:

OpC[idx][3]=(end>actOp)?1:-1;

til:

OpC[idx][3]=(end>actOp)?1:-5;

Det hjalp på tilbagevejen. Er der også et sted jeg kan stille fremdriften?
Avatar billede roenving Novice
16. marts 2004 - 22:52 #35
OpC[idx][3]=(end>actOp)?5:-5;
Avatar billede maxa Nybegynder
16. marts 2004 - 22:54 #36
Tak...
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »