Søg
Avatar billede ewax Nybegynder
15. juli 2011 - 16:38 Der er 5 kommentarer og
2 løsninger

"Vis flere" ajax/jquery script

Hey eksperter

Som f.eks facebook har det i deres kommentar system, søger jeg funktionen til at udvide/ekspandere skjult indhold


Lad os antage jeg har en side hvor jeg viser 5 rækker á 4 billeder.

Der skal være en knap eller et tekstlink i bunden, der ved et klik og uden refresh. Kan vise f.eks 2-3 rækker billeder mere


Er der nogen der ligger inde med viden om hvordan jeg får lavet det? eventuelt kan linke mig til et godt sted der forklarer det?

Er ikke ekspert i jquery/ajax/javascript, så skal ha det lidt pædagogisk :)
Avatar billede jakobdo Ekspert
15. juli 2011 - 18:18 #1
Du kan lave noget ala:

http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/
Avatar billede jakobdo Ekspert
15. juli 2011 - 18:20 #2
og ellers er det jo "bare" at lave en knap i bunden, så har:

Load ekstra billeder...
Den har du i en div ala:

<div id="extra"></div>
<div>Load ekstra billeder</div>

Og når der bliver klikket på knappen, laver du noget ala:
$("#extra").append(LOAD_INDHOLD_VIA_AJAX);
Avatar billede olsensweb.dk Ekspert
15. juli 2011 - 23:11 #3
jeg måtte lige prøve jakobdo's forslag i #2, (mere for at lege med jquery).

index.html
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">
//<![CDATA[    
    function GetMore(){        
        $.ajax({
            type: "GET",            
            url: "request.txt",    
            success: function(msg){
                $("#extra").append(msg);                 
            }
        });
    }        
//]]>
    </script>
</head>
<body>
<div id="extra"></div>
<div><a href="java script:GetMore()" >Load ekstra billeder</a></div>
</body>
</html>


request.txt
dette er en fyldtekst, som jeg bare skal se blive gentaget, flere gange <br/>


demo http://olsensweb.dk/test/experten/spm/943044/
Avatar billede ewax Nybegynder
18. august 2011 - 20:33 #4
Lige præcis ronols! jeg bukker og takker... :)

Opretter du et svar så jeg kan sende dig points?
Avatar billede olsensweb.dk Ekspert
18. august 2011 - 20:42 #5
det må være en deler med jakobdo han kom jo med ide'en til løsningen

@jakobdo smider du et svar også
Avatar billede ewax Nybegynder
30. august 2011 - 14:33 #6
jakobdo?
Avatar billede jakobdo Ekspert
27. december 2011 - 13:22 #7
Svar
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 1 03/02/202614:19 03/02/202618:42
Å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
6 min siden AI google.com Af Peter Olsen i Andre onlineløsninger
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
White papers
Flere white papers »