changer la propriété de CSS div en utilisant php

Question

Je fais des changements sur un site Web déjà établi et je dois apporter les changements suivants.

Actuellement, il y a trois images et quand l'un de l'image est cliquée/choisi, un affichage de messages texte et après qu'un bouton suivant peut être cliqué qui les amène à la page suivante.

Actuellement, le bouton suivant (une image) montre à droite quand la page se charge, ce qui signifie que les utilisateurs peuvent cliquer sur suivant sans sélectionner une option.

La page est déjà codé avec php et javascript et je pensais à faire un tour rapide et sale. Voilà ce que je suis de rabotage:

Créer une DIV CSS dans le html avec display = none; et changez la propriété de la DIV à afficher chaque fois que le message texte est affiché.

Ma question est: est-il un moyen d'accès et de modifier une propriété d'un DIV en utilisant php?

CSS dans la page HTML:

#btnNext{ 
position:absolute; 
display:none; 
top:300px; 
left:200px; 
width:75px; 
height:25px; 


<?php 
if(isset($_GET['supportID']) && $_GET['supportID'] != "") 
{ 
    if ($_GET['supportID'] == 1) 
    {echo "Protecting Geckos and Their Habitats, click next";} 
    elseif ($_GET['supportID'] ==2) 
    {echo "Planting, click next";} 
?> 

Merci à l'avance.

Answer 1

Généralement, vous « désactiver » le bouton jusqu'à ce qu'ils cliquez sur une image. Cela peut être fait en utilisant le code html suivant:

<input id="btn_next" type="sumit" disabled="disabled"/> 

alors vous activer ce bouton lorsque l'utilisateur sélectionne une image, en utilisant JavaScript, quelque chose comme ceci:

document.getElementById("btn_next").removeAttribute("disabled"); 

Cette mise en œuvre serait conforme aux standards du Web .

Si vous voulez coller avec le bouton ne figurant pas du tout jusqu'à ce que l'utilisateur sélectionne l'option appropriée, votre code ressemblerait à quelque chose comme:

<input id="btn_next" type="submit" style="display:none;"/> 

Avec javascript:

document.getElementById("btn_next").style.display = "block";