скрипт jquery - JavaScript, Ajax

AlekseyPopov93 · 16.08.2012, 10:12

у меня есть файл в view(пишу через codeigniter):

PHP код:


			
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Админ панель Ci-tutorial</title>
<link type="text/css" rel="StyleSheet" href="/styles.css" />
<script type="text/javascript" src="/jquery.js"> </script>
</head>
<!--<a href="logout" ><input type="button" align="right" value="выйти" ></a><br> -->
<a href="/admin">Админ-панель</a><br>
<p> привет </p>
Добавление поля<br>
<?php
echo form_open('admin/edit_news/'.$content['id'].''); //создание формы с action="admin/add_news"
echo '<p>URL</p>'.form_input('url',$content['url']).'</br><p>name</p>';
echo form_textarea('name',$content['name']).'<br><p>выбери новую картинку</p>';
$path = $_SERVER['DOCUMENT_ROOT'] . '/image/';
$images = scandir($path);
if (false !== $images) {
    $images = preg_grep('/\\.(?:png|gif|jpe?g)$/', $images);
    foreach ($images as $image) { ?>
<div><img src="/image/<?=htmlspecialchars($image);?>" data-image-name="<?= $image ?>" width="60" height="80" /></div>
        <?php   }
        }
        echo '<br><br><br><br><br><p>image</p>';
echo form_textarea('image',$content['image']);
echo '<p>'.form_submit('submit', 'Изменить поле').'<p>';
// echo '<p>URL</p>'.form_input('url',$content['url']).'</br><p>image</p>';
// echo form_textarea('image',$content['image']); '</br><p>name</p>';
?>
</body>
</html>

вот этот код выводит картинки из папки в корне сайта на страницу:

PHP код:


			
$path = $_SERVER['DOCUMENT_ROOT'] . '/image/';
$images = scandir($path);
if (false !== $images) {
    $images = preg_grep('/\\.(?:png|gif|jpe?g)$/', $images);
    foreach ($images as $image) { ?>
<div><img src="/image/<?=htmlspecialchars($image);?>" data-image-name="<?= $image ?>" width="60" height="80" /></div>
        <?php   }
        }

и есть в моей форме поле image:

PHP код:


			
echo '<br><br><br><br><br><p>image</p>';
echo form_textarea('image',$content['image']);

надо сделать так, чтобы при нажатии на любую картинку название этой картинки заносило в поле image.помогите пожалуйста!

myxx2k · 19.08.2012, 18:10

Предлагаю каждой картинке присвоить класс, скажем, clickable-image, а параграфу, в котором должно выводиться её имя id="selected-image". В этом случае код, выводящий имя картинки в <p> будет выглядеть так:

Код HTML:

...
<script>
$(function () {
    $(".clickable-image").click(function () {
        $("#selected-image").text($(this).attr("data-image-name"));
    });
});
</script>
</head>
<body>
...
<div><img class="clickable-image"  src="/image/trollolo.png" data-image-name="lrollolo" width="60" height="80" /></div>
...
<p id="selected-image"></p>
...

16.08.2012, 10:12	#1
AlekseyPopov93 Регистрация: 09.12.2010 Сообщений: 4	скрипт jquery у меня есть файл в view(пишу через codeigniter): PHP код: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Админ панель Ci-tutorial</title> <link type="text/css" rel="StyleSheet" href="/styles.css" /> <script type="text/javascript" src="/jquery.js"> </script> </head> <!--<a href="logout" ><input type="button" align="right" value="выйти" ></a><br> --> <a href="/admin">Админ-панель</a><br> <p> привет </p> Добавление поля<br> <?php echo form_open('admin/edit_news/'.$content['id'].''); //создание формы с action="admin/add_news" echo '<p>URL</p>'.form_input('url',$content['url']).'</br><p>name</p>'; echo form_textarea('name',$content['name']).'<br><p>выбери новую картинку</p>'; $path = $_SERVER['DOCUMENT_ROOT'] . '/image/'; $images = scandir($path); if (false !== $images) { $images = preg_grep('/\\.(?:png\|gif\|jpe?g)$/', $images); foreach ($images as $image) { ?> <div><img src="/image/<?=htmlspecialchars($image);?>" data-image-name="<?= $image ?>" width="60" height="80" /></div> <?php } } echo '<br><br><br><br><br><p>image</p>'; echo form_textarea('image',$content['image']); echo '<p>'.form_submit('submit', 'Изменить поле').'<p>'; // echo '<p>URL</p>'.form_input('url',$content['url']).'</br><p>image</p>'; // echo form_textarea('image',$content['image']); '</br><p>name</p>'; ?> </body> </html> вот этот код выводит картинки из папки в корне сайта на страницу: PHP код: `$path = $_SERVER['DOCUMENT_ROOT'] . '/image/'; $images = scandir($path); if (false !== $images) { $images = preg_grep('/\\.(?:png\|gif\|jpe?g)$/', $images); foreach ($images as $image) { ?> <div><img src="/image/<?=htmlspecialchars($image);?>" data-image-name="<?= $image ?>" width="60" height="80" /></div> <?php } }` и есть в моей форме поле image: PHP код: `echo '<br><br><br><br><br><p>image</p>'; echo form_textarea('image',$content['image']);` надо сделать так, чтобы при нажатии на любую картинку название этой картинки заносило в поле image.помогите пожалуйста! Последний раз редактировалось AlekseyPopov93; 16.08.2012 в 10:37.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Скрипт для сайта! Jquery или просто java script!	bulat786	JavaScript, Ajax	7	03.11.2011 14:15
Проверьте скрипт на своем компе ajax jquery php	gunsoy	JavaScript, Ajax	13	17.10.2011 05:32
Не работает скрипт на JQuery в CMS Joomla	Иванна	WordPress и другие CMS	8	13.05.2011 14:10
Возможно русифицировать скрипт алфавитная навигация JQuery	Necromnec	JavaScript, Ajax	9	31.07.2010 15:13
мой сайт взломали и в коды скриптов добавили вот этот скрипт. Что за скрипт?	nsbox	JavaScript, Ajax	9	21.01.2010 18:19

19.08.2012, 18:10	#2
myxx2k Новичок Джуниор Регистрация: 19.08.2012 Сообщений: 1	Предлагаю каждой картинке присвоить класс, скажем, clickable-image, а параграфу, в котором должно выводиться её имя id="selected-image". В этом случае код, выводящий имя картинки в <p> будет выглядеть так: Код HTML: ... <script> $(function () { $(".clickable-image").click(function () { $("#selected-image").text($(this).attr("data-image-name")); }); }); </script> </head> <body> ... <div><img class="clickable-image" src="/image/trollolo.png" data-image-name="lrollolo" width="60" height="80" /></div> ... <p id="selected-image"></p> ...