PHP variabele veranderen in JavaScript

Status
Niet open voor verdere reacties.

555Martijn

Gebruiker
Lid geworden
15 jun 2008
Berichten
163
Is het mogelijk om in een onclick="" de variabele van een PHP functie te veranderen?
Ik wil eigenlijk zo iets doen:

Code:
<a href="#" onclick="<?php $wallpaper = 'img/bg2.jpg' ?>"><img src="img/spacer.png" width="70" height="70" alt="" /></a>

Uiteraard werkt dit niet, is dit met een andere methode haalbaar?
 
Nee dat is niet mogelijk, PHP is server side en JavaScript is client side. Dit betekent dat PHP wordt uitgevoerd op een server en die stuurt een normale HTML pagina naar de client toe (de bezoeker). En JavaScript draait op de computer van de client en kan alleen werken met de HTML die de server hem/haar gegeven heeft.

Maar als je uitlegt wat je precies wil doen is er misschien een andere oplossing, eventueel met JQuery.
 
Nee dat is niet mogelijk, PHP is server side en JavaScript is client side. Dit betekent dat PHP wordt uitgevoerd op een server en die stuurt een normale HTML pagina naar de client toe (de bezoeker). En JavaScript draait op de computer van de client en kan alleen werken met de HTML die de server hem/haar gegeven heeft.

Maar als je uitlegt wat je precies wil doen is er misschien een andere oplossing, eventueel met JQuery.

Het idee is om op een linkje te klikken en dat dan het achtergrond plaatje veranderd.
Achtergrond plaatje staat in de footer;

Code:
<img alt="" src="bg.jpg" />
 
Je kunt toch ook een link naar die pagina maken? Pagina.php?bg=01
En dan de achtergrond daarop aanpassen... of is dit nie wat je bedoeld?
 
Zoiets?
HTML:
<script type="text/javascript">
   function bgWissel(nr){
      var b = document.getElementsByTagName('body')[0]; // pak de eerste (en enige) body in het document
      b.style.backgroundImage = 'url(bg-'+nr+'.jpg)';   // wijzig background in die met nummer "nr"
   }
</script>
Met het rijtje mogelijkheden:
HTML:
<a href="#" onclick="bgWissel('1'); return false;"><img src="bg-1_klein.jpg" width="100" height="75" alt=""></a>
<a href="#" onclick="bgWissel('2'); return false;"><img src="bg-2_klein.jpg" width="100" height="75" alt=""></a>
<a href="#" onclick="bgWissel('3'); return false;"><img src="bg-3_klein.jpg" width="100" height="75" alt=""></a>
enz.
En het rijtje grote images:
bg-1.jpg
bg-2.jpg
bg-3.jpg
enz.​
Als ze bv. in een mapje bg-images zitten, moet dat natuurlijk toegevoegd worden aan het script:
Code:
b.style.backgroundImage = 'url(bg-images/bg-'+nr+'.jpg)';
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Mooi! :thumb:

[min-o-meer-offtopic]
  • Wel makkelijker dan de overvloeiers, hè? ;) (zonder de automatische wisselaar kan je de overvloeiers ook gebruiken)
[/min-o-meer-offtopic]
 
als je al php wilt gebruiken in javascript of html of css.........

Dan moet je het wel echo gebruiken!

<a href="#" onclick="<?php $wallpaper = 'img/bg2.jpg'; echo $wallpaper; ?>"><img src="img/spacer.png" width="70" height="70" alt="" /></a>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan