WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Visa/dölj med hjälp av Ajax? (https://www.wn.se/forum/showthread.php?t=29955)

Spindel 2008-06-16 14:14

Håller på och gör en lista just nu där jag hade tänkt att om man klickar på en titel så skall beskrivningen komma fram under.

Hur fixar man detta med javascript (Ajax)? Jag vill alltså ha en visa/dölj funktion.

PHREDATOR 2008-06-16 14:52

function ShowHide(bdiv){
var beskDiv = document.getElementByID(bdiv);

if(beskDiv.style.display == 'none'){
beskDiv.style.display = 'block';
}else{
beskDiv.style.display = 'none';
}
}

Klicka här

<div id="beskrivning" style="display:none">
Min beskrivning, asfd!
</div>

Erik Stenman 2008-06-16 15:00

Allt detta tjat om ajax när det bara är javascript som behövs.

KarlRoos 2008-06-16 16:08

Citat:

Originally posted by aquastorm@Jun 16 2008, 15:00
Allt detta tjat om ajax när det bara är javascript som behövs.

Hade gått att göra med Ajax om man nu hade velat få in datan istället för att den legat i dokumentet från början.

tartareandesire 2008-06-16 17:42

Citat:

Originally posted by aquastorm@Jun 16 2008, 15:00
Allt detta tjat om ajax när det bara är javascript som behövs.

Du är lite het på gröten =) Visserligen behövs bara Javascript men handlar det om mycket information och åtskilliga val så är nog Ajax rätt väg att gå ändå.

Som du förstått av svaren här så behöver vi lite närmare information. Är det relativt lite data och få val, alternativt att besökaren sannolikt kommer välja ett antal av alternativen så bör du hämta datan först och bara använda vanlig javascript.

eliasson 2008-06-16 18:00

Citat:

Ursprungligen postat av Spindel
Håller på och gör en lista just nu där jag hade tänkt att om man klickar på en titel så skall beskrivningen komma fram under.
Hur fixar man detta med javascript (Ajax)? Jag vill alltså ha en visa/dölj funktion.

Jag skulle rekommendera dig att kolla på jQuery som är ett Javascript libary - otroligt smidigt.
I din förfrågan så hade kodraden varit, och håll nu i dig:
Kod:

$.("#div").toggle();
...smidigt va? :-)

Citat:

Ursprungligen postat av aquastorm
Allt detta tjat om ajax när det bara är javascript som behövs.

Precis som två andra påpekar så hade Ajax varit en lösning då man faktiskt kanske vill hämta datan när användaren frågar efter den, och inte hämta allt direkt.

emilv 2008-06-16 18:12

Nackdelarna med att använda Ajax tilla tt hämta in information är flera. Till exempel:

* Det blir svårare att testa att det fungerar i flera webbläsare
* Sökrobotar missar lätt informationen
* Besökaren kan uppfatta sidan som seg (särskilt om den ska läsa flera av posterna)
* Koden riskerar att bli rörig

tartareandesire 2008-06-16 18:24

Citat:

Originally posted by emilv@Jun 16 2008, 18:12
Nackdelarna med att använda Ajax tilla tt hämta in information är flera. Till exempel:
* Det blir svårare att testa att det fungerar i flera webbläsare
* Sökrobotar missar lätt informationen
* Besökaren kan uppfatta sidan som seg (särskilt om den ska läsa flera av posterna)
* Koden riskerar att bli rörig

Man kan nästan alltid hitta lika många nackdelar som fördelar vad gäller olika tekniker men de blir sällan relevanta förrän man har ett specifikt problem att lösa. Ajax är bra ibland men mindre bra vid andra tillfällen.

emilv 2008-06-16 20:06

Citat:

Originally posted by tartareandesire@Jun 16 2008, 18:24

Man kan nästan alltid hitta lika många nackdelar som fördelar vad gäller olika tekniker men de blir sällan relevanta förrän man har ett specifikt problem att lösa. Ajax är bra ibland men mindre bra vid andra tillfällen.

Något annat har jag aldrig sagt. :-)

martine 2008-06-16 20:19

Citat:

Ursprungligen postat av eliasson
Jag skulle rekommendera dig att kolla på jQuery som är ett Javascript libary - otroligt smidigt.
I din förfrågan så hade kodraden varit, och håll nu i dig:
Kod:

$.("#div").toggle();
...smidigt va? :-)


Det går lika väl att skriva PHREDATORs lösningsförslag på en rad om man skulle önska - och då slipper man ett bibliotek som måste parsas för ett sådant litet problem. Jag tycker dessutom inte att koden ovan särskilt mycket snyggare - och definitivt inte en enklare lösning i det här fallet om man kan sin javaskript. jQuery är säkert praktiskt ibland men för så enkla saker som detta finns det ingen anledning att använda ett pseudospråk som jQuery.

Citat:

Ursprungligen postat av emilv
Nackdelarna med att använda Ajax tilla tt hämta in information är flera. Till exempel:

* Det blir svårare att testa att det fungerar i flera webbläsare
* Sökrobotar missar lätt informationen
* Besökaren kan uppfatta sidan som seg (särskilt om den ska läsa flera av posterna)
* Koden riskerar att bli rörig

Inget av det du räknar upp är sådant som inte går att undvika om man vill. Det finns betydligt mer fördelar med Ajax än de eventuella nackdelar du räknat upp…

För övrigt, apropå Ajax/Javaskript, man kan ju lika gärna vända på det hela - Ajax är ju huvudsakligen en del av javaskript så egentligen är det ju javaskript hur som helst… ;-)


Alla tider är GMT +2. Klockan är nu 05:48.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson