Søg
Avatar billede per2edb Praktikant
08. april 2010 - 23:42 Der er 8 kommentarer og
1 løsning

Skærmbredde

Hvordan kommer jeg fra skriptet der giver skærmbredden til det andet der bestemmer "glidetext" ?


<script language="Javascript">
<!--
width = screen.width;  //valg mellem screen 800,1024,1280


if (width < 1024 ) {        // screen 800

  x=1024
   
} else if (width < 1280 ) {  // screen 1024

 
} else {  // screen 1280

                 
}
//-->
</script>


<% if x =1024 then  %>
           
      <h3 class="glidetext"style="left: -28000px">xxx</h3>
                                         
<% end if %>
Avatar billede intenz Novice
09. april 2010 - 17:02 #1
Det korte svar er, at det gør du ikke. Ikke uden en form for omvej. Javascript og et server-side sprog taler ikke direkte med hinanden.

Du kan even bruge ajax for at sende et kald til serveren med bredden og så få et svar tilbage med den kode du skal indsætte.

Eller du kan gøre det hele direkte i javascript.

Hvad der er bedst, afhænger af formålet.
Avatar billede majbom Novice
09. april 2010 - 18:25 #2
du kunne lave dit javascript til en funktion som kaldes når du skal bruge bredden...
Avatar billede per2edb Praktikant
09. april 2010 - 19:38 #3
Kan i stille det op direkte i Javascript
Avatar billede per2edb Praktikant
09. april 2010 - 20:47 #4
I princippet ville jeg gøre det sådan (se nedenfor) - men "glidetext" linier passer ikke ind. Hvordan skal jeg indpasse denne linie?

<script language="Javascript">
<!--
width = screen.width;  //valg mellem screen 800,1024,1280


if (width < 1024 ) {        // screen 800

  <h3 class="glidetext"style="left: -28000px">xxx</h3>

   
} else if (width < 1280 ) {  // screen 1024

 
} else {  // screen 1280

                 
}
//-->
</script>
Avatar billede intenz Novice
09. april 2010 - 21:37 #5
Hvad er det du vil have der skal ske i forhold til bredden?

'left -28000px' giver ikke meget mening i nogen sammenhænge.
Avatar billede per2edb Praktikant
10. april 2010 - 11:07 #6
I skal ikke fokusere så meget på:
<h3 class="glidetext"style="left: -28000px">xxx</h3>
Det kunne også have noget andet. I dette tilfælde er det en linie fra en tekst der flyver ind. -28000 giver start punktet.
Dette skal jeg have sat ned ved større skærmbredde. Men glem det.

Det kan også være:
    <% If xx=1 then %>
    .............                         
    <% else %> 
        -------------     
    <% end if %>
Hvor ....... er afhængig af skærmbredden
Avatar billede intenz Novice
10. april 2010 - 11:55 #7
Du skriver stadig ikke hvad du vil?

Er det kun css du vil lave afhængigt af skærmbredden eller andre dele også?

Jeg vil anbefale du udelukkende gør dit stylesheet afhængigt af det, så kan du hente de forskellige ud som:

<script language="Javascript">
var width = screen.width;  //valg mellem screen 800,1024,1280

var stylesheet = 1280; // standard
if (width < 1024 ) stylesheet = 800;
else if (width < 1280 ) stylesheet = 1024;

document.write('<link rel="stylesheet" href="'+stylesheet+'.css" type="text/css">');
</script>


Så kan du lave dit stylesheets i forskellige filer, med navn: 800.css, 1024.css og 1280.css

Og så sørg for kun at have de nødvendige ting i de stylesheets, ha' et almindeligt til alt der er ens for alle størrelser (font, farver, osv.). Ellers bliver det noget rod.
Avatar billede per2edb Praktikant
10. april 2010 - 16:32 #8
Nu snakker vi helt forbi hinanden. Det er ikke stylesheet jeg er ude efter.
Helt konkret kan det laves så dette vælges ved 1024:

<% If Valg=1 then %>
    xxxxxxxxxxx 1024 xxxxxxxx                     
<% else %> 
    x x x     
<% end if %>

og dette ved 1280:

<% If Valg=1 then %>
    yyyyyyyyy 1280 xxxxxxxxxx                       
<% else %> 
    y y y y   
<% end if %>
Avatar billede per2edb Praktikant
27. april 2010 - 11:38 #9
Jeg var for hurtig
Det virker ikke
Jeg laver et nyt spørgsmål med nye point
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
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
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
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 dag 08:32 Office pakke LTSC vs Retail? Af Don G i Office & Kontorpakker
I går 21:19 Lydindstilling Prosonic TV Af TageArent i Fjernsyn & projektorer
I går 15:37 Sort skærm Af mort1 i Windows
09/0412:32 iPadOS 26.4.1 kan ikke opdatere Af claes57 i Apps til iOS
08/0410:38 Indholdsfortegnelse ændrer sig, når jeg gemmer som PDF Af Jan K i Word
White papers
Flere white papers »