cross-browser hoe ?

[Verwijderd]

hoe maken jullie je pagina crossbrowser als het erg complex wordt ?

maken jullie gewoon drie verschillende pagina's (als we uitgaan van Netscape, IE en Opera) of bouwen jullie dat allemaal in één pagina ?

[crisp]

Gewoon W3C specificaties volgen, DOM en document.all uitvragen in scripts, en NS4 gebruikers doorverwijzen naar een pagina waarop staat dat ze beter kunnen upgraden

[Verwijderd]

http://www.dansteinman.com/dynduo/index.html

Staan wat truukjes om je site cross browser te houden.

[Verwijderd]

1 pagina voor IE5+, mozilla en NS6+, 1 baggerpagina voor andere browsers (zonder fatsoenlijke dhtml ondersteuning)

[Verwijderd]

ik heb nu drie browsers geinstalleerd

netscape 6
opera 5.12
ie 6

is mozilla ook geschikt woor w98 of werkt die pagina als ie ook in netscape werkt ...

[Verwijderd]

btw: hoe krijg je het handje in netscape en opera ?

in IE {cursor:hand} maar dat werkt niet ...

[crisp]

mozilla is gewoon DOM, dus als het in IE5+ en NS6 werkt, en je houdt je netjes aan de W3C specificaties is er geen probleem.
Opera heb ik zelf nog nooit geprobeerd. Probeer deze site eens in opera; ben wel benieuwd wat er dan wel en niet werkt...

[Verwijderd]

crips >> moet ik links dingen zien in die vakjes ? zo ja dan is er iets fout

[crisp]

Op woensdag 02 januari 2002 22:58 schreef MinardiFan het volgende:
crips >> moet ik links dingen zien in die vakjes ? zo ja dan is er iets fout

Vermoeden had ik al; dat zijn DIVjes die dmv JS gevuld worden. Opera valt bij mij onder 'others' qua browser. NS4, NS6 en IE4+ doen het wel prima...
Opera is dus kennelijk niet DOM... Ik zal het mettertijd toch eens installeren voor de gein.

[Raymond]

Op woensdag 02 januari 2002 22:57 schreef crisp het volgende:
Probeer deze site eens in opera; ben wel benieuwd wat er dan wel en niet werkt...

De sneeuw en de menus werken niet in opera 5

[crisp]

sneeuw weet ik, werk alleen in IE (had geen zin/tijd om dat script DOM-compatible te maken). Is ook niet belangrijk.
De menu's ga ik toch even naar kijken - even Opera downloaden dus...
Ik zie trouwens ook dat de positionering van "Crisp Webdesign" ook niet klopt; hoort onderaan te staan.
Zo zie je maar; x-browser is toch lastig. Ik heb ook veel moeite moeten doen om dit geheel in NS4 werkend te krijgen (iets wat ik dus nu niet meer doe).

[Raymond]

Op woensdag 02 januari 2002 23:07 schreef crisp het volgende:
even Opera downloaden dus...

KAn zijn dat het in v6 wel werkt, die heb ik nog niet geïnstalleerd

[Verwijderd]

ff tussendoor: ns6 is toch al lang uit of niet ?
waarom lopen veel mesen dan nog te praten over ns4 ?

[Raymond]

Op woensdag 02 januari 2002 23:11 schreef MinardiFan het volgende:
waarom lopen veel mesen dan nog te praten over ns4 ?

Downloaden met modem sucked. Mensen hebben 3 jaar geleden hun w98 geïnstalleerd en vinden dat zij niet een betere browser hoeven.

Ik werk in pc winkel, hoe vaak ik wel niet 5 jaar oude windows95 installs tegenkom op pc's die zogenaamd een hardware probleem hebben. Triest gewoon.

[crisp]

Op woensdag 02 januari 2002 23:09 schreef Lampje het volgende:

[..]

KAn zijn dat het in v6 wel werkt, die heb ik nog niet geïnstalleerd

Zou kunnen; check ik verder zelf wel, want dit is geen site-check. Thanks anyway.
Back on-topic: x-browser is dus gewoon lastig, zeker als je dingen met scripts en DHTML wil gaan doen. Daarom beperk ik mezelf tegenwoordig tot DOM en document.all (IE4); daarmee bedien je 99,8 % van je bezoekers, en hoef je niemand uit te sluiten (DOM browsers zijn voor zover ik weet beschikbaar voor elk pc platform)

[Verwijderd]

wat wil dat DOM eigenlijk zeggen

[Verwijderd]

Op woensdag 02 januari 2002 23:32 schreef MinardiFan het volgende:
wat wil dat DOM eigenlijk zeggen

Document Object Model

[grep]

Op woensdag 02 januari 2002 23:11 schreef MinardiFan het volgende:
ff tussendoor: ns6 is toch al lang uit of niet ?
waarom lopen veel mesen dan nog te praten over ns4 ?

...omdat, hoe vreemd het ook klinkt, er ook sites zijn die wel goed in 4 en niet in 6 werken. Baal ik ook van...

[brammus]

Op woensdag 02 januari 2002 23:14 schreef Lampje het volgende:
Ik werk in pc winkel, hoe vaak ik wel niet 5 jaar oude windows95 installs tegenkom op pc's die zogenaamd een hardware probleem hebben. Triest gewoon.

Triest ? Ik vind dat knap!

[Verwijderd]

ah nog snel ff een vraagje, hoe check ik of een browser
<body style="margin: 0px"> dan wel <body style="padding: 0px"> ondersteund ?

en weet iemand wat ik op de plaats van die vraagtekens hieronder moet invullen om dit script te laten werken in netscape4, netscape6 en IE te laten werken ? de layers heb ik een id geven via <div>

code:

ns4 = (document.layers)? true:false
ns6 = (document.getElementById && !document.all)? true:false;
ie = (document.all)? true:false;

function show(id) {
if (ie) {document.getElementById(id).style.visibility = 'visible';}
else if (ns4) {document.layers[id].visibility = "show";}
else if (ns6) {??????????}

[crisp]

code:

ns4 = (document.layers)? true:false
dom = (document.getElementById)? true:false;
ie4 = (document.all && !dom)? true:false;

function show(id) {
if (dom) {document.getElementById(id).style.visibility = 'visible';}
else if (ns4) {document.layers[id].visibility = "show";}
else if (ie4) {document.all[id].style.visibility = 'visible';}

NS6 == dom

[Verwijderd]

dus ns6 en ie6 zijn browsers die zich strikt aan dom houdt ?

trouwens heeeeeeeel erg bedankt, want hij werkt nu al in ns6, ie6 en opera 5.12
ns4 en ie4 kan ik niet teste want die heb ik niet, zijn daar sites voor ?

[Karp]

Op woensdag 02 januari 2002 22:57 schreef crisp het volgende:
mozilla is gewoon DOM, dus als het in IE5+ en NS6 werkt, en je houdt je netjes aan de W3C specificaties is er geen probleem.

Kan natuurlijk aan mij liggen maar Nescape = Mozilla

Waar is die rolleyes smileys als je die nodig hebt?
Mwah, deze kan ook

[Verwijderd]

crisp >>

sorry dat ik je weer moet lastig vallen
je script werkt tot nu toe echt heel goed
maar ik weet dus niet of ie ook in ns4, ns5, ie4 en ie5 werkt, kan ik dat ergens controleren ?

code:

function out(cell)
{
links = eval(cell + 1);
rechts = eval(cell + 2);
links.style.backgroundColor='#cccccc';
rechts.style.backgroundColor='#ffffff';
return true;
}

deze script werkt trouwens ook niet in ns6 en opera5, iemand daar een oplossing voor ?

[crisp]

in ie4 en ie5 zal dat ook prima werken
Er is iets met NS en achtergrondkleur in cellen; weet alleen niet meer zo precies wat - moet je maar even zoeken.
Opera? Keine Ahnung - heb ik (nog) niet geinstalleerd...

[Verwijderd]

code:

ns4 = (document.layers)? true:false
dom = (document.getElementById)? true:false;
ie4 = (document.all && !dom)? true:false;

[drm]

Op woensdag 02 januari 2002 22:57 schreef MinardiFan het volgende:
btw: hoe krijg je het handje in netscape en opera ?

in IE {cursor:hand} maar dat werkt niet ...

cursor:pointer is CSS2.

[Verwijderd]

in netscape6 werkt ie, maar in opera 5.12 niet
maar ok das overkomelijk

[Verwijderd]

code:

ns4 = (document.layers)? true:false
dom = (document.getElementById)? true:false;
ie4 = (document.all && !dom)? true:false;

function over(cell)
{
links = eval(cell + 1);
rechts = eval(cell + 2);
if (dom) {links.style.backgroundColor='#adadd1'; rechts.style.backgroundColor='#adadd1';}
return true;
}

dit heb ik tot nu toe, dit werkt alleen in ie6, maar het is een begin he

[drm]

MinardiFan schreef een beetje code en drm schreef er wat dingetjes tussendoor:

code:

ns4 = (document.layers)? true:false; // puntkommaatje :)
ns6 = (document.getElementById && !document.all)? true:false;
ie = (document.all)? true:false;

function over(cell) // wat voor argument is cell? Een ID? een int?
{
   links = eval(cell + 1);  // waarom eval :?
   rechts = eval(cell + 2);
   if (dom) // dom is (nog) niet gedefinieerd, toch :?
   {
    links.style.backgroundColor = '#adadd1'; 
    rechts.style.backgroundColor='#adadd1';
   } 
   return true;
}

[Verwijderd]

code:

ns4 = (document.layers)? true:false
dom = (document.getElementById)? true:false;
ie4 = (document.all && !dom)? true:false;

function over(cell)
{
links = eval(cell + 1);
rechts = eval(cell + 2);
if (dom) {links.style.backgroundColor='#adadd1'; rechts.style.backgroundColor='#adadd1';}
return true;
}

had hier de foute code neergezet maar het probleem blijft hetzelfde ...

[drm]

<herhaalmode>
Ik begrijp niet zo goed waar je nou die eval voor gebruikt, en wat cell voor argument is
</herhaalmode>

[crisp]

voor dom:

document.getElementById(links).style.backgroundColor='#adadd1';

voor ie:

document.all[links].style.backgroundColor='#adadd1';

return true heoft er niet bij.

[Verwijderd]

Op donderdag 03 januari 2002 13:14 schreef drm het volgende:
<herhaalmode>
Ik begrijp niet zo goed waar je nou die eval voor gebruikt, en wat cell voor argument is
</herhaalmode>

Ik snap het ook niet. Dat eval is alleen nuttig als er een regel dynamisch moet worden geschreven, zodat een nog onbekende, of onbepaalde variabele een waarde kan krijgen

eval kan volgens mij in dit gewal gewoon weg...

[Verwijderd]

dit is de input van die functie:

code:

<tr onMouseOver="over('a1')" onMouseOut="out('a1')">

en

code:

<td bgcolor="#cccccc" id="a11" width="16" height="16"><br></td>
<td bgcolor="#ffffff" id="a12" width="150" height="16">Eerste Hokje</td>

ik heb grprobeerd zonder eval maar dat werkt niet

[Verwijderd]

code:

ns4 = (document.layers)? true:false
dom = (document.getElementById)? true:false;
ie4 = (document.all && !dom)? true:false;

function over(cell)
{
links = eval(cell + 1);
rechts = eval(cell + 2);
if (dom) {document.getElementById(links).style.backgroundColor='#adadd1'; document.getElementById(rechts).style.backgroundColor='#adadd1'}
else if (ie4) {document.all[links].style.backgroundColor='#adadd1'; document.all[rechts].style.backgroundColor='#adadd1'}
}

dit werkt in IE6 niet, maak ik een andere fout ?

[Verwijderd]

Op donderdag 03 januari 2002 13:19 schreef crisp het volgende:
voor dom:

document.getElementById(links).style.backgroundColor='#adadd1';

voor ie:

document.all[links].style.backgroundColor='#adadd1';

return true heoft er niet bij.

bedoel je dit anders dan dat ik het gebruikt heb ?

[Verwijderd]

ik heb nog even geprobeerd maar ik kom niet verder als het bovenstaande

[crisp]

Zou gewoon moeten werken in IE6 (== DOM).
Ik zie wel dat je in je eval geen quotes om je 1 en 2 hebt staan. Probeer anders ipv eval het volgende:

code:

links = cell + '1';
rechts = cell + '2';

[Verwijderd]

code:

ns4 = (document.layers)? true:false
dom = (document.getElementById)? true:false;
ie4 = (document.all && !dom)? true:false;

function over(cell)
{
links = cell + '1';
rechts = cell + '2';
if (dom) {document.getElementById(links).style.backgroundColor='#adadd1'; document.getElementById(rechts).style.backgroundColor='#adadd1'}
else if (ie4) {document.all[links].style.backgroundColor='#adadd1'; document.all[rechts].style.backgroundColor='#adadd1'}
}

dit werkt wel, hardstikke bedankt
in netscape6 en ie6 werkt ie nu helemaal perfect, echt hardstikke bedankt

in opera 5.12 niet omdat de cursor als hand krijgen gaat in opera niet heb ik gehoord, nu zit ik alleen nog met margin en padding, is dat te detecteren ? wat een browser ondersteund margin of padding ...

[Verwijderd]

het "padding-margin-conflict" heb ik makkelijk kunnen oplossen (had ik zelf nog niet bij nagedacht, ik heb er gewoon een div om geplaats en daar in style gezet dat ie 5 px van de linker en boven kant moet afzitten, nu hoef ik dus alleen nog maar te weten hoe ik de achtergrondkleur in opera kan veranderen ...

code:

onMouseOver="this.style.backgroundColor='#adadd1'"

dit werkt al niet liefst had ik een regel die ik hier aan kon toevoegen

code:

ns4 = (document.layers)? true:false
dom = (document.getElementById)? true:false;
ie4 = (document.all && !dom)? true:false;

kover = '#adadd1';
klinks = '#cccccc';
krechts = '#ffffff';

function over(cell)
{
links = cell + '1';
rechts = cell + '2';
if (dom) {document.getElementById(links).style.backgroundColor=kover; document.getElementById(rechts).style.backgroundColor=kover}
else if (ie4) {document.all[links].style.backgroundColor=kover; document.all[rechts].style.backgroundColor=kover}
}

dat is het laatste wat ik jullie te vragen heb, voor de rest heb ik al mijn problemen "al" opgelost

[crisp]

Zoals je hier kunt zien ondersteund opera vooralsnog geen background, backgroundColor en backgroundImage.
Ik kan zo 1-2-3 geen mooie alternatieve oplossing verzinnen...

[Bosmonster]

eval is vooral nuttig als je een string-naam van een object wilt omzetten in de daadwerkelijke handle van het object.

handle = eval("objectnaam");

[Clay]

hier staat wel wat info:

[Verwijderd]

in elk gaval bedankt, dan kan er wat mij betreft een slotje op
handige pagina's trouwens !