img в option

Программирование, которое не связано с API.
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

img в option

Сообщение boombast1k »

Код: Выделить всё

<option value=value>Как сюда вставить изображение???</option> 
Сделал так

Код: Выделить всё

<option value=value><img src="img.jpg"/></img></option>
но получается пустое место :(
Alazaur
Разработчик
Разработчик
Сообщения: 1001
Зарегистрирован: 16 окт 2011, 20:25

Re: ПРОСТОЙ ВОПРОС - ОТВЕТ

Сообщение Alazaur »

В теге <option> изображения не поддерживаются. Используйте JavaScript, например так:

Код: Выделить всё

<script type="text/javascript"><!--function changeImage(img, idelem){    if(document.getElementById(idelem)){        document.getElementById(idelem).src = img;    }}//--></script><div><img src="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg" id="changeImg"></div><select>    <option onclick="changeImage('http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg', 'changeImg');">Аватар bodnar</option>    <option onclick="changeImage('http://flapps.ru/forum/download/file.php?avatar=203_1295540518.jpg', 'changeImg');">Аватар 112</option>    <option onclick="changeImage('http://flapps.ru/forum/download/file.php?avatar=1623_1313192468.jpg', 'changeImg');">Аватар boombast1k</option></select>
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: ПРОСТОЙ ВОПРОС - ОТВЕТ

Сообщение boombast1k »

Спасибо:) Сейчас попробую
Alazaur
Разработчик
Разработчик
Сообщения: 1001
Зарегистрирован: 16 окт 2011, 20:25

Re: ПРОСТОЙ ВОПРОС - ОТВЕТ

Сообщение Alazaur »

Извини, что-то я вчера ночью шопопало написал, наверно полуспал уже :D Правильнее будет так:

Код: Выделить всё

<script type="text/javascript"><!--function changeImage(img, idelem){    if(document.getElementById(idelem)){        document.getElementById(idelem).src = img;    }}//--></script><div><img src="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg" id="changeImg"></div><select onchange="changeImage(this.value, 'changeImg')">    <option value="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg">Аватар bodnar</option>    <option value="http://flapps.ru/forum/download/file.php?avatar=203_1295540518.jpg">Аватар 112</option>    <option value="http://flapps.ru/forum/download/file.php?avatar=1623_1313192468.jpg">Аватар boombast1k</option></select>
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: ПРОСТОЙ ВОПРОС - ОТВЕТ

Сообщение boombast1k »

У меня и то и другое работает :?
спасибо большое:)


еще один вопрос! как сделать чтобы ссылка получала данные допустим
<?php
$text=POST['text_txt']; // text_txt получаю я из формы
echo "<img src=img.php?<echo $text?>.jpg/>" // это допустим картинка
Как сделать чтоб автоматически при вводе в форму text_php что нибудь картинка автоматически обновлялась??
Думаю я нормально объяснил:)
Alazaur
Разработчик
Разработчик
Сообщения: 1001
Зарегистрирован: 16 окт 2011, 20:25

Re: ПРОСТОЙ ВОПРОС - ОТВЕТ

Сообщение Alazaur »

boombast1k, предыдущий вариант в Internet Explorer вроде не должен работать.
еще один вопрос! как сделать чтобы ссылка получала данные
К форме сообщением раньше:
Собссна сама форма:

Код: Выделить всё

<script type="text/javascript"><!--function changeImage(img, idelem){    if(document.getElementById(idelem)){        document.getElementById(idelem).src = img;    }}//--></script><div><img src="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg" id="changeImg"></div><form method="post" action="img.php">    <select onchange="changeImage(this.value, 'changeImg')" name="imgtarget">        <option value="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg">Аватар bodnar</option>        <option value="http://flapps.ru/forum/download/file.php?avatar=203_1295540518.jpg">Аватар 112</option>        <option value="http://flapps.ru/forum/download/file.php?avatar=1623_1313192468.jpg">Аватар boombast1k</option>    </select>    <input type="submit" value="Сохранить"></form>
В той же директории на сервере где у вас html-файл с формой создайте файл img.php со следующим содержимым:

Код: Выделить всё

<?phpif($_POST['imgtarget']){        $dir = "./images/";        $url=$_POST['imgtarget'];        preg_match("#^(.*)\.(.*?)$#i", $url, $arrmatch);        if(($arrmatch[2] != "png") && ($arrmatch[2] != "jpg") && ($arrmatch[2] != "gif") && ($arrmatch[2] != "bmp")) exit("Не изображение!");        $filetype = $arrmatch[2];        $newfilename = $dir.time().".".$filetype;        $f=fopen($url,'rb');        $f1=fopen($newfilename,'wb');        while (!feof($f))        {             $str=fread($f,1024);             fwrite($f1,$str);        }        fclose($f);        fclose($f1);        echo "<img src=\"".$newfilename."\" alt=\"\">";}?>
В той же директории создайте пустую папку с названием images в нее будут сохраняться изображения. На нее нужно установить права на чтение и запись (777).
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45

Re: ПРОСТОЙ ВОПРОС - ОТВЕТ

Сообщение Александр »

Вы чего-то путаете?
Список форумов ‹ Программирование ‹ Программирование на Flash
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: img в option

Сообщение boombast1k »

Александр
Мы не путаем,все на месте:)

Список форумов ‹ Программирование ‹ Программирование на PHP и других языках (без использования API)

Alazaur Я этим не браузером не пользуюсь :D
Спасибо большое,вы мне очень помогли.
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: img в option

Сообщение boombast1k »

А можно как нибудь сделать так:

Код: Выделить всё

<select onchange="changeImage(this.value, 'changeImg')">    <option value="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg">Аватар bodnar</option></select>
А снизу:

Код: Выделить всё

<img src="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg"><img src="http://flapps.ru/forum/download/file.php?avatar=1623_1313192468.jpg"><img src="http://flapps.ru/forum/download/file.php?avatar=2_1272826121.png"><img src="http://flapps.ru/forum/download/file.php?avatar=1985_1319128958.gif.png">
Вот.И чтобы при клике на изображение менялось значение у <option value="http://flapps.ru/forum/download/file.ph ... 704232.jpg">
Alazaur
Разработчик
Разработчик
Сообщения: 1001
Зарегистрирован: 16 окт 2011, 20:25

Re: img в option

Сообщение Alazaur »

Код: Выделить всё

    <script type="text/javascript">    <!--    var oldimage = '';    function changeImage(img, elem){        if(oldimage) oldimage.style.border=0;        oldimage=img;        img.style.border="3px solid #999999";        elem.value = img.src;    }    //-->    </script>    <div style="text-align: center;">        <img src="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg" style="cursor: pointer;" onclick="changeImage(this, document.imgform.imgtarget);">        <img src="http://flapps.ru/forum/download/file.php?avatar=1623_1313192468.jpg" style="cursor: pointer;" onclick="changeImage(this, document.imgform.imgtarget);">        <img src="http://flapps.ru/forum/download/file.php?avatar=2_1272826121.png" style="cursor: pointer;" onclick="changeImage(this, document.imgform.imgtarget);">        <form method="post" action="img.php" name="imgform">            <input type="hidden" name="imgtarget">            <input type="submit" value="Сохранить">        </form>    </div>
Не проверял, но должно работать
Ответить