img в option

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

Re: img в option

Сообщение boombast1k »

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

Re: img в option

Сообщение boombast1k »

Не,не работает что то:(
Alazaur
Разработчик
Разработчик
Сообщения: 1001
Зарегистрирован: 16 окт 2011, 20:25

Re: img в option

Сообщение Alazaur »

что именно не работает? Если Вы о том, что нет выпадающего списка, то я его заменил скрытым полем, он же стал теперь не нужен, картинки по клику на них выбираются.
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: img в option

Сообщение boombast1k »

Это я заметил :)
Объясняю :) :
У меня есть :

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

<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="$_SERVER[PHP_SELF]" name="imgform">            <input type="hidden" name="imgtarget">            <input type="submit" value="Сохранить">        </form>    </div><?php$image = $_POST['imgtarget']; //получаю ссылку на изображениеecho "<p>$image</p>";?>
Ошибку выдает,что в $image ничего нет :(
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="<?=$_SERVER[PHP_SELF];?>" name="imgform">                <input type="hidden" name="imgtarget">                <input type="submit" value="Сохранить">            </form>        </div>    <?php    if($_POST['imgtarget']){        $image = $_POST['imgtarget']; //получаю ссылку на изображение        echo "<p>$image</p>";    }    ?>
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: img в option

Сообщение boombast1k »

УРАААААААА!!!!!!
Спасибо большое добрый человек!!!Все работает! :) :) :)
А как сделать чтоб и картинка выбиралась (последний скрипт)
и картинка менлась которая в диве(предыдущий скрипт)

Я сделал так,но получился бред :( :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> <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.value, 'changeImg'); 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.value, 'changeImg'); 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.value, 'changeImg'); onclick="changeImage(this, document.imgform.imgtarget);">            <form  method="post" action="<?=$_SERVER[PHP_SELF];?>" name="imgform">                <input type="hidden" name="imgtarget">                <input type="submit" value="Сохранить">            </form>        </div>
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;                document.getElementById("topImage").src = img.src;            }            //-->            </script>            <div style="text-align: center; padding: 10px;"><img src="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg" id="topImage"></div>            <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="<?=$_SERVER[PHP_SELF];?>" name="imgform">                    <input type="hidden" name="imgtarget" value="http://flapps.ru/forum/download/file.php?avatar=300_1274704232.jpg">                    <input type="submit" value="Сохранить">                </form>            </div>        <?php        if($_POST['imgtarget']){            $image = $_POST['imgtarget']; //получаю ссылку на изображение            echo "<p>$image</p>";        }        ?>
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: img в option

Сообщение boombast1k »

Почему ты не девушка?
я б на тебе женился :D
Спасибо!!!
Аватара пользователя
boombast1k
Сообщения: 332
Зарегистрирован: 23 июн 2011, 07:31

Re: img в option

Сообщение boombast1k »

И можно еще один вопрос не по теме?
Я ввожу текст в форму,как мне вывести этот текст моментально?
то есть без отправки данных,думаю это jQuery?
Alazaur
Разработчик
Разработчик
Сообщения: 1001
Зарегистрирован: 16 окт 2011, 20:25

Re: img в option

Сообщение Alazaur »

Вывести куда? Отправить в PHP или просто показать этот текст где-нить на странице? Если первое, то это Ajax, если второе то изменение DOM
Ответить