Just nu i M3-nätverket
Gå till innehåll

Dölja post


Admini

Rekommendera Poster

Hej

Jag har en select-sats som hämtar all data från en tabell med flera poster.

Jag vill bara visa en post åt gången, men nästa post ska poppa upp genom att klicka på en pil.

 

Jag vill alltså inte ladda om sidan för nästa post, utan använda någon sorts javascript till att "dölja" resten av tabellen och ta fram post för post med en klickning.

Hur gör jag?

Tack

 

Länk till kommentar
Dela på andra webbplatser

Conny Lundgren

Lägg alla poster i div-ar med visibility = hidden, javascriptet som är nästa sätter visibility = hidden på den aktiva och visibility = visible på nästa..

 

det funkar, tänk dock på att sidan kan bli tung om det är mycket data i gömda lager...

 

Länk till kommentar
Dela på andra webbplatser

tänk dock på att sidan kan bli tung om det är mycket data i gömda lager...

har du nå annat förslag?

 

Länk till kommentar
Dela på andra webbplatser

Conny Lundgren

Njae om du verkligen inte vill posta om sidan så nej.

 

man kan väl kanske tänka sig något mellanting då, att du visar säg 10poster i lager, när man ska visa den 11e laddas sidan om och 10nya hamna i gömda lager.

 

 

Sen beror det ju på hur mycket data du har i varje "post". är det bara lite text och inte hundratals med poster så kör på med lager, blir det för tungt lös på något annat sätt

[inlägget ändrat 2003-02-25 22:58:33 av Conny Lundgren]

Länk till kommentar
Dela på andra webbplatser

Ja det låter bättre...

Hade du tänkt dig så här:

<div id="div_1" style="position:absolute; visibility:hide;z-index:1;"></div>

 

och sedan?

 

Länk till kommentar
Dela på andra webbplatser

Conny Lundgren

Sen ett javascript som gömmer och visar

Något i stil med detta..

(browser kompabiliteten är inte fullständig heller)

 

function doPageChange(iCurrent, iNext) {

var sCurrentDivName = 'div_' + iCurrent;

var sNextDivName = 'div_' + iNext;

iCurrentPage = iNext;

document.getElementById(sCurrentDivName ).style.visibility = 'hidden';

document.getElementById(sNextDivName ).style.visibility = 'visible';

}

 

 

[inlägget ändrat 2003-02-26 09:03:52 av Conny Lundgren]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...