Avatar billede larsen45 Juniormester
26. april 2016 - 09:12 Der er 5 kommentarer og
1 løsning

PHP sideskrift Paging hjælp

Hej håber i kan hjælpe.

Jeg har et problem omkring paging sideskift.

Når jeg står på side 3 som eksempel så ser det sådan her ud:
<>1243 det vil sige at den aktuelle side php?id=3 tallet fremgår udenfor  selve paging menuen.

Men jeg vil gerne have det til at stå sådan her:
<>1234


<?php
//show all the page link with page number.
//When click on these numbers go to particular page.

        for($i=1;$i<=$total;$i++)
        {
            if($i==$id) { echo "<li><class='current'>".$i."</li>"; }
            else { echo "<li><a href='?id=".$i."'>".$i."</a></li>"; }

}
?>



I toppen har jeg følgende:
----------------------------
<style>

ul.page li {display: inline;}

ul.page li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.page li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.page li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.page li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.page li a:hover:not(.active) {background-color: #ddd;}

</style>
Avatar billede intenz Novice
26. april 2016 - 09:46 #1
Fjern:
float: left;

Fra ul.page li a {
Avatar billede larsen45 Juniormester
26. april 2016 - 10:20 #2
Super godt intenz nu ser det sådan her ud:
<12345>

Nu driller menuen dog.
Står jeg på side 3 er der ikke medtaget rammen rundt om.
<12 3 45>.
1245 har ramme rundt om som det skal være.

Så der må være nået, som skal rettes i style delen.
Så man kan få det hele med ind i menuen.
Avatar billede larsen45 Juniormester
26. april 2016 - 10:36 #3
Det må være den linje her som giver problemet:

if($i==$id) { echo "<li><class='current'>".$i."</li>"; }
Avatar billede intenz Novice
26. april 2016 - 11:18 #4
Din style er kun sat til at ramme a, som ikke er i din current.

Du kan nok bare gøre sådan her:
if($i==$id) { echo "<li><a class='current'>".$i."</a></li>"; }
Avatar billede larsen45 Juniormester
26. april 2016 - 12:15 #5
intenz perfekt det løste delen med at få rammen rundt om.

Nu ser det sådan ud:
På side 1
12345>

På side 2
<12345>

Når man eksempelvis står på side 3.
Så medtager den ikke denne funktion her:

ul.page li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

Jeg ønsker blot at den er markeret med den pågældende baggrundsfarve.
Så man tydeligt kan se hvad side man står på.
Har det nået at gøre med at der mangler en class et sted.
Avatar billede larsen45 Juniormester
26. april 2016 - 12:50 #6
Jeg fandt løsningen her:
if($i==$id) { echo "<li><a class='active' class='page'>".$i."</a></li>";
Nu virker baggrunden som den skal.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester