2010-09-17 5 views
0

Я делаю некоторые изменения на уже созданном веб-сайте и вам необходимо внести следующие изменения.изменение свойства CSS div с помощью php

В настоящее время имеется три изображения, и при нажатии или выборе одного из изображений отображается текстовое сообщение, после чего можно нажать следующую кнопку, которая приведет их к следующей странице.

В настоящий момент следующая кнопка (изображение) отображается справа, когда страница загружается, а это означает, что пользователи могут щелкнуть дальше, не выбирая вариант.

Страница уже закодирована php и javascript, и я думал о том, чтобы сделать быстрый и грязный трюк. Это то, что я строгу:

Создайте CSS DIV внутри html с display = none; и измените свойство DIV для отображения всякий раз, когда отображается текстовое сообщение.

Мой вопрос: есть ли способ доступа и изменения свойства DIV с помощью php?

CSS в 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";} 
?> 

Спасибо заранее.

+1

благодарит за помогите Марк !!! – rex

ответ

4

Обычно вы выключаете кнопку, пока не нажмете на изображение. Это можно сделать, используя следующий HTML:

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

Вы бы затем включить эту кнопку, когда пользователь выбирает изображение, используя JavaScript, что-то вроде этого:

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

Эта реализация будет соответствовать веб-стандартам ,

Если вы хотите, чтобы придерживаться ваша кнопка не появляется на всех, пока пользователь не выберет подходящий вариант, ваш код будет выглядеть примерно так:

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

С JavaScript:

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

disabled = "disabled" – colithium

+0

Спасибо за быстрый ответ - это отключение от скрытия кнопки, потому что хочет, чтобы клиент захотел ... Спасибо, Rexon – rex

+0

Нет, отключено означает, что кнопка видна, но она «greyed-out» по внешнему виду, и он не будет реагировать на ваш щелчок по нему. Да, если вы хотите скрыть все вместе, у вас будет кнопка «показать: нет» при загрузке страницы, а в Javascript, когда вы хотите отобразить кнопку, вы должны использовать document.getElementById («btn_next» ") .style.display =" block "; – Johnus

Смежные вопросы