javascript som döljer div tag?

Permalänk

javascript som döljer div tag?

Hej!

Skulle behöva ett litet javascript som döljer en div tag om upplösningen på skärmen är mindre än 320 pixlar.
Är helt nybörjare på java och har försökt men inte hittat något sådant här.
Någon som har något förslag?

Permalänk
Medlem

Javascript och java är INTE samma sak.

Här har du lite länkar..

Ett tips är att du tar en titt på jQuery,
jQuery: The Write Less, Do More, JavaScript Library

För att ta reda på upplösning,
How to detect screen size and apply a CSS style | jQuery | ilovecolors

För att gömma en div,
.hide() – jQuery API

Visa signatur

EPoX 8RDA+, XP2500+, 2x256Mb PC3200 (DualCh), Club3D 9800PRO, Seagate 7200.7 160Gb 8Mb Limited edition

Permalänk
Medlem

...och du vill dölja ett element, inte en tagg.

Permalänk
Skrivet av Nordis:

Javascript och java är INTE samma sak.

Här har du lite länkar..

Ett tips är att du tar en titt på jQuery,
jQuery: The Write Less, Do More, JavaScript Library

För att ta reda på upplösning,
How to detect screen size and apply a CSS style | jQuery | ilovecolors

För att gömma en div,
.hide() – jQuery API

Okej, har läst igenom det lite nu och man bara ska göra en av dem verkar det ju ganska lätt men har ingen som helst aning hur man kan/ska göra för att kombinera de två...?

Permalänk
Medlem

En simpel toggle funktion i Javascript:

function toggle(div_id) { var div_element = document.getElementById(div_id); div_element.style.display = (div_element.style.display != 'none' ? 'none' : '' ); }

Visa signatur

..:: RiJo ::..
Computer: Lenovo X300
Platform: Gentoo

Permalänk
Medlem
Skrivet av RiJo:

En simpel toggle funktion i Javascript:

function toggle(div_id) { var div_element = document.getElementById(div_id); div_element.style.display = (div_element.style.display != 'none' ? 'none' : '' ); }

// Detta kortar vi ner med hjälp av jQuery. // Ettan betyder att vi vill ha duration 1 sekund. $('#' + div_id).slideToggle(1);

Ja ja bla bla ... vet att det inte är kortare i den aspekten att det händer saker i bakgrunden i jQuery när du kallar slideToggle().

Men den skrivna koden här blir kortare

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem
Skrivet av BlueEyes:

// Detta kortar vi ner med hjälp av jQuery. // Ettan betyder att vi vill ha duration 1 sekund. $('#' + div_id).slideToggle(1);

Ja ja bla bla ... vet att det inte är kortare i den aspekten att det händer saker i bakgrunden i jQuery när du kallar slideToggle().

Men den skrivna koden här blir kortare

Fast, du får ju ett JS-bibliotek på tjugonånting kB som besökaren måste hämta också

TS: Något i stil med detta bör fungera:

$(document).ready(function() { if ((screen.width<1024) || (screen.height<768)) { $("#din-div").hide(); } });

Permalänk
Medlem

@You

Jo det kommer med ett JavaScript framework det är helt riktigt.

Och detta ämne kan nog debatteras till förbannelse

Vi har alla olika sätt att göra saker.

Själv tycker jag fördelarna med jQuery uppväger att det är ett litet packet på si och så många KB.

Och i dagens samhälle brukar det gå hyfsat snabbt och ladda ner data, även med det långsammaste mobila bredband.

Men som sagt, bra poäng.

Jag antar att jag kan bli lite utsvävande och har en tendens att tala varmt om jQuery för jag själv är en förespråkare för det.
Och nu när dom har ett framework på gång för Mobila enheter som bygger på jQuery själv så blir det en spännande höst.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.

Permalänk
Medlem
Skrivet av BlueEyes:

@You

Själv tycker jag fördelarna med jQuery uppväger att det är ett litet packet på si och så många KB.

Jag håller med, men i vissa (extrem)fall är ett bibliotek klart overkill. Använder man jQuery via CDN (typ Google) så sparar man å andra sidan förmodligen in biblioteket eftersom det troligtvis ligger i cachen.

Permalänk
Medlem
Skrivet av You:

Jag håller med, men i vissa (extrem)fall är ett bibliotek klart overkill. Använder man jQuery via CDN (typ Google) så sparar man å andra sidan förmodligen in biblioteket eftersom det troligtvis ligger i cachen.

Jag har hitintills dragit mig för att ladda jQuery från Google.
Vet ej varför men det har känts tryggare att själv ha det på min server där jag kan kontrollera vissa saker och ting.

Men som du säger. Ibland kan det vara overkill.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.