Необычные картинки

Вид для печати

10.10.2010, 20:29
Karamba

Необычные картинки

Нужно такое. Помогите пожалуйста

Дана Картинка и кнопка
Если нажмёш на 1 кнопку, то на каринке появиться ещё одна маленькая картинка, и если на эту маленькую картинку нажмёш то чуть ниже этих картинок появиться ещё одна кнопка
16.10.2010, 13:32
Karamba

Помогите кто пожалуйста
16.10.2010, 14:11
Letmetouchyou

Karamba, беслпатно тебе ето никто делать не будет.

Ну или выкладывай что ты делаал, пиши что не получилось, будет чинить
16.10.2010, 14:38
locky-yotun
Да легко!
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Some title</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

#imageContainer {position:relative}

.newImage {position:absolute;top:10px;left:10px;width:100px}

</style>

<script type="text/javascript">

    function addLittleImage() {

        var parent = document.getElementById('imageContainer');

        var newImage = document.createElement('img');

        newImage.src = 'http://www.html.by/images/top_html.jpg';

        newImage.className = 'newImage';

        newImage.onclick = function() {

            var body_ = document.getElementsByTagName('body')[0];

            var newButton = document.createElement('button');

            newButton.innerHTML = 'Вторая кнопка';

            body_.appendChild(newButton);

        }

        parent.appendChild(newImage);

    }

</script>

</head>

<body>

    <button onclick="addLittleImage()">Первая кнопка</button>

    <div id="imageContainer">

        <img src="http://www.html.by/images/top_html.jpg" alt="Первая картинка" width="400px" />

    </div>

</body>

</html>
```
16.10.2010, 17:26
Karamba

О спасибо, супер...Очень нужно ещё 2 варианта, пожалуййста.

Вариант 1
А как сделать чтобы после того как нажмёш на вторую картинку, переходило на другую страницу (вместо второй кнопки).
Вариант 2
И что бы если человек 1 раз нажал на первую кнопку, то эта картинка для данного пользователя появиться навсегда
16.10.2010, 17:55
RayOfLight

Karamba, молодец :0051:
16.10.2010, 19:19
Karamba

Почему я молодец?)
Не я молодец, а тот кто мне помог ;) :0051:
16.10.2010, 19:46
locky-yotun

Цитата:

Сообщение от Karamba

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

1. Нужно повесить на onclick не добавление в DOM нового элемента "button", а, скажем, изенение window.location Или вообще, добавлять изначально не '<img>', а '<a>', и уже внутрь этого '<a>' вставлять изображение.
2. Самый простой вариант – использовать Cookies
16.10.2010, 20:26
Karamba

Мда, эо конечно всё отлично, но я в Ява скрепте 0.
И врятли смогу сам что-то делать (Вот по таким примерам потиху изучаю язык)

А на ссчёт кукисов, будет плохо, так как вдруг человек зайдёт через другой комп, и не сможет зайти на ту страницу((

Просто я хочу сделать пару доработак для браузерной игры
16.10.2010, 20:27
RayOfLight

Karamba, как ты будешь делать доработки, если у тебя с html+css проблемы, а в js ты вообще 0? ))
16.10.2010, 21:13
locky-yotun

Язык надо изучать, не убирая с экрана мануалов. А то, что делаете вы не очень похоже на обучение. Вот у вас возник вопрос – и что вы лично сделали для того, чтобы его решить, не считая просьбы сделать это за вас?
Конечно похвально уже то, что вы знаете, что такое cookies, но будет очень круто, если вы зайдете хотя бы на тот же http://javascript.ru , и усвоите азы JS-программирования. Разве не круто будет не задавать вопросы, а самостоятельно их решать; понимать, что вам отвечают. Ведь вы ничего не поняли из того кода, что я написал – так ведь?

P.S. И будет очень круто, если вы будете писать без ошибок, я считаю
16.10.2010, 21:29
Karamba

пхп и ксс я трохи знаю, а если что не знаю то я образец посотрю и сделаю что надо... А яву я думаю буду доолго разбирать, какаято она сложная, что смогу попробую сам по образцу сделать, что не смогу, тут спрошу)
16.10.2010, 21:32
Karamba

Хм...
Просто когда я изучаю пхп, то там много разной херни которая мне не надо для доработки браузерки, а если надо то не понятно написано. А тут по примерам я его в 10 раз быстрее изучу