PFZ.nl - PHP Community: Link die bold blijft bij lezen van pagina en weer terug gaat naar de normale kleur bij verlaten van de pagina - Frontend - Forum - PFZ.nl - PHP Community

Je kunt niet antwoorden op dit topic
#1 27-01-2012 16:25
  • Bets
  • Groep: Forumleden
  • Posts: 79
  • Actief sinds: 06-09-2011
Wie kan mij helpen.

Ik wil in mijn css een aanpassing doen alleen weet ik niet hoe.

Ik wil dat als iemand in het cms systeem een link (menu-item) aan klikt deze bold wordt en als de wijziging of toevoeging gedaan is deze bold weer verdwijnt. Dus terug naar de oorspronkelijke staat. Hoe kan ik dit doen?

Thanxs Betsie

#2 28-01-2012 16:19
Hoi Betsie,

Het idee is dat je twee verschillende classes maakt in je CSS en die 'toggled'.
Dus als je op de link klikt dan geef je de link een bepaalde class, en als je klaar bent met wijzigen haal je die weer weg.

Bv:
1
2
3
4
5
6
a.link-normal-state {
   font-weight:normal;
}
a.link-edit-state {
   font-weight:bold;
}


En dan maak je een javascriptje waar je met behulp van b.v. 'className' de CSS class toekent als je op de link klikt:
Als je wat relevante HTML post dan kunnen we je misschien beter helpen.

#3 28-01-2012 16:29
  • Martin P
  • Groep: Moderators
  • Posts: 3144
  • Actief sinds: 19-04-2007

Bekijk Post Op 27-01-2012 17:25 schreef Bets:

Ik wil dat als iemand in het cms systeem een link (menu-item) aan klikt deze bold wordt en als de wijziging of toevoeging gedaan is deze bold weer verdwijnt. Dus terug naar de oorspronkelijke staat. Hoe kan ik dit doen?
Is het allemaal op dezelfde pagina of zijn het twee aparte pagina's en gebeurt het bewerken op een andere pagina? Als het een andere pagina is, gaat je dit niet lukken CSS en/of javascript en wordt dit doorgaans opgelost met PHP.
Handleidingen zijn er niet voor niets, gebruik ze dus :)
HTML5 ~ CSS ~ PHP ~ MySQL ~ SQL-injectie bestaat meer dan 13 jaar

#4 28-01-2012 20:31
  • Bets
  • Groep: Forumleden
  • Posts: 79
  • Actief sinds: 06-09-2011
Het gebeurt allemaal op een pagina. Alles wordt gedaan op de index.php pagina.

#5 29-01-2012 11:01
Mijn bovenstaande oplossing is erop gebaseerd dat alle handeling op een pagina worden uitgevoerd.
Is het nou gelukt?

#6 29-01-2012 19:45
  • Bets
  • Groep: Forumleden
  • Posts: 79
  • Actief sinds: 06-09-2011
Hallo Robert,

Nee het is me niet gelukt. Ik werk niet met html maar met php en ik kan geen javascript schrijven.

Betsie

#7 29-01-2012 21:53
  • Martin P
  • Groep: Moderators
  • Posts: 3144
  • Actief sinds: 19-04-2007

Bekijk Post Op 29-01-2012 20:45 schreef Bets:

Ik werk niet met html maar met php en ik kan geen javascript schrijven.
Wat heb je al geprobeerd? Dit is redelijk basisjavascript en kun je in elke beginnershandleiding terugvinden.
Zie: http://www.w3schools.com/dom/
Handleidingen zijn er niet voor niets, gebruik ze dus :)
HTML5 ~ CSS ~ PHP ~ MySQL ~ SQL-injectie bestaat meer dan 13 jaar

#8 30-01-2012 13:53
  • Bets
  • Groep: Forumleden
  • Posts: 79
  • Actief sinds: 06-09-2011
Dit is een van de codes die ik wil aanpassen.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
switch ($niveau)
    {
    case 1:$sql = "SELECT * FROM linksnavigatie WHERE positie='".$_SESSION['parent']."'and display='1'";
        // mag alles zien en doen
           $result = mysql_query($sql);
           echo "<ul>\n";
           for ($i=0; $i < mysql_affected_rows(); $i++)
           // start bij nu en hoog er telkens een op net zolang als er nog iets in de database staat
           {
           $menuitem = mysql_fetch_array($result);
           $linksnavID =  $menuitem['linksnavigatie_ID'];
           //echo "<li><a <if (strpos($_SERVER['PHP_SELF'], 'index.php' ==0)) echo "class='current'"> href='index.php?parent=".$_SESSION['parent']."&linksnavID=$linksnavID".$menuitem['link']."'>>".$menuitem['menutekst']."</a>";
           echo "<li><a href='index.php?parent=".$_SESSION['parent']."&linksnavID=$linksnavID".$menuitem['link']."'>".$menuitem['menutekst']."</a>";
           echo "</li>";
           }
           echo "</ul>\n"; 
           echo "<br />";
             ;break;


Ik heb even een blik geworpen op javascript, maar dat lukt niet 1,2,3. Moet daar even meer tijd in stoppen (en heb het even niet omdat ik een deadline heb. Dus dit moet ik dan even uitstellen)

Betsie

#9 17-02-2012 13:01
  • Bets
  • Groep: Forumleden
  • Posts: 79
  • Actief sinds: 06-09-2011
Wil iemand weer met me meekijken ik snap het javascript verhaal gewoon niet.

Ik snap dat ik in mijn css deze class moet aanmaken.

a.link-normal-state {
font-weight:normal;
}
a.link-edit-state {
font-weight:bold;
}


Dan moet ik iets met javascript hebben, kan iemand mij nog verder helpen. Ik snap dat ik een function moet hebben in javascript, maar kan het eigenlijk ook net zo goed fout hebben.

Voor alle duidelijkheid ik wil net als deze site hebben met zijn hoofdnavigatie.
http://www.dezinerfolio.com/downloads


Inloggen wachtwoord vergeten? Aanmelden