Avatar billede faellesnet Nybegynder
27. september 2002 - 17:00 Der er 39 kommentarer og
1 løsning

undgå css effekt i js-tabel

Hej, håber der en som kender den simple løsning.
Jeg har et eksternt stylesheet; items.css hvori jeg definerer sidernes tabelkanter m.h.t. form og farve.
På samtlige sider er menuen et javascript; Items.js som bla. består af en tabel. Men jeg ønsker ikke samme kant på tabel og celler i menuen som på siderne.

Kan jeg i javascriptet forhindre at det følger styleshetet?

  - eller skal jeg over i css-forummet og finde ud af hvordan jeg fortæller stylesheetet hvordan javascriptets tabelkanter ser ud i forhold til de kanter som er defineret i det?
Avatar billede loss Nybegynder
27. september 2002 - 17:01 #1
Du kunne evt. lave en css class til til menuen.. og på den måde undgå det
Avatar billede bamzen Nybegynder
27. september 2002 - 17:02 #2
Du er nødt til at bruge Class

beskrivelse følger
Avatar billede bamzen Nybegynder
27. september 2002 - 17:04 #3
damn, ville være hurtig,,,,

nå men here goes.,...


lav eksempelvis en <TD CLASS=somotherclass>

og specificer så en speciel style for den.....

eller endnu bedre....

definer din menu med en class som loss foreslog, så vil din style kun reagere der

du definerer så den class således i dit stylesheet

.someotherclass{}
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:05 #4
okay, det må jeg jo så acceptere - jeg er så i tvivl om jeg kan bruge class i head, det vil være ok. jeg kan kun finde ud af bruge class ved hver tabel, det bliver for stort et arbejde..
hvad skal jeg mon skrive mellem sty'lerne?
Avatar billede bamzen Nybegynder
27. september 2002 - 17:06 #5
har du en url, så skal jeg gerne hjælpe dig til ende...........
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:06 #6
bamze - det lyder sgu smart, det må være måden, altså det style skal på hvert side, eller i mit sheet?
Avatar billede bamzen Nybegynder
27. september 2002 - 17:07 #7
alternativt, smid koden til siden herind....
Avatar billede bamzen Nybegynder
27. september 2002 - 17:08 #8
faellesnet, du definerer stylen altså .someotherclass{} i dit eksterne stylesheet hvis det skal være gennemgående for alle sider, og i siden hvis det skal være unikt for hver side.....
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:08 #9
ja, www.zone64.dk - den ser ikke helt ud som den jeg arbejder med - ja fordi jeg netop arbejder med den :)
Avatar billede bamzen Nybegynder
27. september 2002 - 17:09 #10
Det gælder jo om at få browseren til at loade mindst muligt, dvs i så stort omfang det er muligt.
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:09 #11
ja - forstået, men skriver jeg så bare navnet på javascriptet i mellem {} - har ikke været på css vognen så længe..
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:10 #12
det er små mængder data vi snakker op, så det betyder ikke så meget... - men naturligvis - så hurtigt som muligt
Avatar billede bamzen Nybegynder
27. september 2002 - 17:11 #13
jamen så må vi jo hellere lære dig hvordan du gør.....

jeg kigger lige på url'en
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:12 #14
jeg må lige lege lidt med det - dine point her, jeg kan se ideen men skal bare lige have det til at fise helt ind - det sker kun ved at gøre det...
tak for hjælpen, måske jeg vender tilbage hvis det ikke vil virke..

vh  thomas
Avatar billede bamzen Nybegynder
27. september 2002 - 17:17 #15
Eksempel:

Lad os sige jeg skriver en tabel via js og en normalt, jeg vil så styre stylen på dem lavet af javascripten, og ikke på den tabel der er lavet normalt


<HTML>
<HEAD>
<STYLE TYPE=TEXT/CSS>
.someotherclass{border:1px solid #000000}
</STYLE>
<SCRIPT LANGUAGE=JavaScript>
myStr ='<TABLE><TR><TD CLASS=someotherclass>test</TD></TR></TABLE>'
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR><TD>test 2</TD></TR>
</TABLE>
<HR>
<SCRIPT LANGUAGE=JavaScript>
document.write(myStr)
</SCRIPT>
</BODY>
</HTML>
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:20 #16
okay - jeg har desværre startet ud med at henvise til javascriptet på hver side i stedet fir i stylesheetet,
og det er et eksterne stylesheet, men det er vel bare at fjerne head og body i forhold til det du har skrevet?
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:23 #17
jeg har i forvejen dette for at undgå at stylesheetet "angriber" javascriptet i forhold til links:

<STYLE>
<!--
A.ssmItems:link        {color:black;text-decoration:none;font-size:12px;}
A.ssmItems:hover    {color:black;text-decoration:none;font-size:12px;}
A.ssmItems:active    {color:black;text-decoration:none;font-size:12px;}
A.ssmItems:visited    {color:black;text-decoration:none;font-size:12px;}
//-->
</STYLE>

kan jeg ikke flette det derind?
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:26 #18
jeg vil for alt i verden gerne undgå at skrive i body, så bliver det for stort et arbejde at lave om hvis jeg skal ændre hver tabel
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:27 #19
ups - ovenstående i Head på hver side, sorry - det ville jo nok være rart at vide
Avatar billede bamzen Nybegynder
27. september 2002 - 17:27 #20
der er forskel på .js og på .css filer

du kan ikke have javscript kode i din .css fil
og ren css kode er ikke tilladt i en .js fil uden at det ligger i variabler

jeg kan se du har to .css filer og to .js filer i din side....

du kan kopiere den linie her
.someotherclass{border:1px solid #000000}

ind i en af dine css filer

og hvis du på alle sider har de samme jsfiler og css filer, kan du med fordel slå dem sammen til en enkelt js fil + en enkelt css fil
.
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:33 #21
ja, det skal jeg også arbejde med, men først skal jeg hae ændret de tabeller så designet bliver lidt bedre :)

denne linie:
A.ssmItems:hover    {color:black;text-decoration:none;font-size:12px;}

virker sådan at hover ikke bliver lavet som defineret i mit javascript (ssmItems.js)

jeg kan ikke forstå jeg ikke kan gøre det samme med tabellerne?
Avatar billede bamzen Nybegynder
27. september 2002 - 17:33 #22
det lader desuden til at du bruger frontpage eller frontp"e"s til dine sider....

det er ikke ligefrem det program der laver den bedste kode...... jeg vil anbefale dig ved denne lejlighed til at begynde at lære råkode eller håndkode om du vil... alternativt kigge på dreamweaver der laver langt bedre kode end frontpage..... din side ser mildt sagt slem ud på min internet explorer 5.1 på en mac
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:35 #23
altså noget med  td.ssmItems {color:black}

bare som eksempel - for det virker ikke
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:37 #24
ja, men vi er en flok pædagoger som skal hælde materiale på og vedligeholde det, så FP er nok det vildeste vi bevæger os ud i - jeg ved det ikke er så prof, men vi har ikke rigtig tid til at sætte os ind i det allesammen..
Avatar billede bamzen Nybegynder
27. september 2002 - 17:38 #25
Ok, mini intro til stylesheets

Når jeg laver en side, (ikke sikkert jeg er et godt eksempel, men et eksempel ;-), så skriver jeg således

BODY{} heri sætter jeg det kode der KUN gælder for BODY
BODY,TD,DIV{} her sammensætter jeg alle de tags der skal have ens egenskaber af en art, eksempelvis hvilken font, samt default skriftstørrelse og farve

Alt din tekst så sort ud, derfor ville jeg nøjes med at definere den farve et sted i dit stylesheet og derefter kun forskellene som du skal bekymre dig om

og så kan du tilføje

A:HOVER{text-decoration:none}
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:41 #26
men, bamze - tak for din hjælp, du her brugt rigeligt med tid for ´dine point - og du har ret, jeg skal have bygget hele strukturen om - stylesheetet er desvære først kommet til efter siderne er lavet, så jeg er ved at starte forfra.
Jeg skal bare lige have lært hvordan man bruger forskellige afsnit i js og css filer på forskellige sider - jeg har fundet en tutorial, så jeg vil læse på det i stedet for at forstyrre dig mere.

ha en god aften
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:44 #27
okay - du giver ikke op så let :)
du fortjener en rig strøm af point her på sitet.

her er hvad jeg har skrevet til nu:

BODY {
    SCROLLBAR-FACE-COLOR: #ffcc33;
    SCROLLBAR-HIGHLIGHT-COLOR: #993300;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #993300;
    SCROLLBAR-DARKSHADOW-COLOR: #993300;
    background-color: #ffffe8;
    margin-left: 0.5cm
    }

P {font-family: verdana;
color: black;
font-size: 12px;
text-decoration: none}

A:link
    {
    color: 003366;
    font-family: Verdana;
    font-size: 11px;
    font-style: Normal;
    font-weight: Bold;
    text-decoration: None;
    }
A:Visited
    {
    color: 003366;
    font-family: Verdana;
    font-size: 11px;
    font-style: Normal;
    font-weight: Bold;
    text-decoration: None;
    }
A:Hover
    {
    color: Black;
    font-family: Verdana;
    font-size: 11px;
    font-style: Normal;
    font-weight: Bold;
    text-decoration: underline;
    }
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:45 #28
så nu leger jeg med tabellerne, men den irriterende javascript-menu kommer til at se helt tåbelig ud :(
Avatar billede bamzen Nybegynder
27. september 2002 - 17:51 #29
OK,, optimeret ville det se således ud

BODY,P,A,TD{font-family:verdana;font-size:12px}
BODY{  SCROLLBAR-FACE-COLOR: #ffcc33;
    SCROLLBAR-HIGHLIGHT-COLOR: #993300;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #993300;
    SCROLLBAR-DARKSHADOW-COLOR: #993300;
    background-color: #ffffe8;
    margin-left: 0.5cm}

A:LINK,A:VISITED,A:ACTIVE{color:#003366;text-decoration:none}
A:HOVER{color:black;text-decoration:underline}
A{font-weight:bold;font-size:11px}

prøv det
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:52 #30
jeg prøver lige
Avatar billede faellesnet Nybegynder
27. september 2002 - 17:59 #31
jeps - det giver samme resultat, men noget kortere må jeg nok sige!

så er det bare lige at jeg skal have lavet alle tabelkanderne til f.eks. røde - uden det påvirker tabellen i javascriptet.
kan du det?
Avatar billede bamzen Nybegynder
27. september 2002 - 18:02 #32
så skal du i alle dine table tags skrive
<TABLE CLASS=myRedBorders>


og i dit stylesheet tilføjer du så

.myRedBorders{border:1px solid red}
Avatar billede faellesnet Nybegynder
27. september 2002 - 18:07 #33
øv - håbede lige at stylesheetet kunne klare det - eller bare i head på hver side sammen med stylen som gør at linkene i menuen ikke bliver som i stylesheetet
du får lige det relevante fra head så du kan se hvad jeg mener:

<link href="style.css" type="text/css" rel="stylesheet">
<STYLE>
<!--
A.ssmItems:link        {color:black;text-decoration:none;font-size:12px;}
A.ssmItems:hover    {color:black;text-decoration:none;font-size:12px;}
A.ssmItems:active    {color:black;text-decoration:none;font-size:12px;}
A.ssmItems:visited    {color:black;text-decoration:none;font-size:12px;}
//-->
</STYLE>
<SCRIPT SRC="ssm.js" language="JavaScript1.2">
</SCRIPT>
<SCRIPT SRC="ssmItems.js" language="JavaScript1.2">
</SCRIPT>
Avatar billede bamzen Nybegynder
27. september 2002 - 18:12 #34
Nu har jeg kigget lidt på script der laver menuen...... og det er ikke sååååå genialt bygget........ og indeholder ikke mulighedfor at du direkte kan styre tabellerne i menuen særskildt, uden at du ændrer på den kode....

hvilket jeg ikke har tid til nu....
Avatar billede faellesnet Nybegynder
27. september 2002 - 18:13 #35
helt ok - det er ved at være spisetid...

tak for hjælpen! - det gav en rrække aha'er undervejs!

thomas
Avatar billede bamzen Nybegynder
27. september 2002 - 18:14 #36
hvis du stadig har de kode, burde alle links i menuen forblive sorte... hvor links andre steder er røde....
Avatar billede bamzen Nybegynder
27. september 2002 - 18:14 #37
nej ikke røde, 003366
Avatar billede faellesnet Nybegynder
27. september 2002 - 18:26 #38
ja, det er netop sådan det virker nu! (det er ikke udgivet på www.zone64.dk endnu - der er lidt mere arbejde med billeder og sån som skal klares på disk først)
så bare jeg kunne gøre det samme med tabellerne

som jeg kan se nu, er den class. kode lavet i den fil som hedder ssm.js og "snakker" med stylen i head - så jeg skal bare have laved det samme med tabellerne, så har jeg frit spil i stylesheetet uden det påvirker menuen - måske finder jeg frem til det hen af aftenen - den hårde måde at lære på..
Avatar billede faellesnet Nybegynder
27. september 2002 - 23:36 #39
for lige at afslutte. nu har jeg leget med det og det virker!
jeg prøvede egentlig bare at bruge din forkortede kode i mit stylesheet, og tilføje:

TABLE{border-style:none}
TD{border-color:red}

til det jeg selv havde.
Nu er der sket det at kun tabellerne på siden påvirkes - ikke menuen. Jeg forstår ikke forskellen, men det virker.
Kan det være fordi at td kun er adskilt fra body med et ; og ikke } i din optimerede kode?
Der sker så det mærkelige at kun de 2 sider bliver røde og de 2 andre sorte - modsat med den gamle kode jeg lavede, har du et bud på det? før var de jo blå på alle 4 sider når jeg brugte 003366 i samme kode.

kan jeg give dig flere point?
Avatar billede faellesnet Nybegynder
28. september 2002 - 01:22 #40
okay, jeg kan se det nu, koden skulle relatere til baggrunden ikke til det som FP opfatter som skrivefladen. Jeg lærte faktisk mere undervejs - en god start må jeg sige.

Tak til dig bamzen, jeg er videre
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