Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
ApocaU
0 / 0 / 0
Регистрация: 10.01.2013
Сообщений: 74
#1

Обновление таблицы с параметрами

16.04.2015, 08:20. Просмотров 318. Ответов 8
Метки нет (Все метки)

HTML5
1
2
3
4
5
6
<select onchange="paramcat(this)" name="sub_cat_menu" size="1">
<?$sub_cat=admin_sub_cat();
foreach($sub_cat as $item):?>
<option  value="<?php echo $item['sub_cat'];?>"><?php echo $item['name'];?></option>
<?endforeach?>
</select>
Если выпадающий список(поля из БД), категории.
Javascript
1
2
3
4
5
6
7
8
9
<script>
function paramcat(cat){
alert(cat.options[cat.selectedIndex].value);
catcat=cat.options[cat.selectedIndex].value;
Вот тут что...
       }
   });
;}
</script>
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
 <table class="parametrs_table">
     <?
   unset($item);
    $param=admin_descr($POST['cat']);
   foreach($param as $item):?>
   <tr style="border: 1px solid red">
<td id="tdparam"><?php echo $item['name']?></td>
<td style="border: 1px double red;"></td>
        <td id="tdparamvalue"><?php echo $item['value']?></td>
   </tr>
   <? endforeach;} ?>
    </table>
Это все на одной странице, надо чтобы при выборе категории в выпадающем списке обновлялись данные в таблице(должны передать параметр (сюда) $param=admin_descr(????);(это для вывода определенных параметров из БД которые относятся к категории) без обновления страницы
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.04.2015, 08:20
Ответы с готовыми решениями:

AJAX обновление таблицы
День добрый, Веду разработку проекта, юзабилити которого основанного в...

Обновление таблицы html через ajax
с пхп через limit я достаю первые 10 строк таблицы. потом через пхп и хтмл...

Обновление таблицы каждые пять минут
Как реализовать обновление таблицы на странице каждые пять минуты?

alert с параметрами
Здравствуйте! Наверно глупый вопрос. Как создать окно типа такого как alert(),...

Функция с параметрами
Нужно реализовать изменение цвета каждой ячейки таблицы. &lt;html&gt;...

8
kalabuni
Нарушитель
3233 / 2558 / 614
Регистрация: 18.04.2012
Сообщений: 7,695
16.04.2015, 09:01 #2
javascript работает с HTML-тегами страницы

что скрывается под вашими <?php-вставками?>, какие вместо них будут выведены HTML-теги, знаете только вы

если вам нужна реальная помощь, тогда запустите ваш файл в браузере, выберите в меню браузера "просмотр исходного кода", скопируйте нужный участок "чистого" HTML-кода и выложите его здесь
0
ApocaU
0 / 0 / 0
Регистрация: 10.01.2013
Сообщений: 74
16.04.2015, 09:22  [ТС] #3
получится должно так
0
Миниатюры
Обновление таблицы с параметрами  
ApocaU
0 / 0 / 0
Регистрация: 10.01.2013
Сообщений: 74
16.04.2015, 09:38  [ТС] #4
нашел тут код не пойму как переделать
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script>
function paramcat(cat){
alert(cat.options[cat.selectedIndex].value);
catcat=cat.options[cat.selectedIndex].value;
     $(".content").before([
"<?   unset($item);
    $param=admin_descr(catcat);
   foreach($param as $item):?>",
   '<p>asd</p>',
 
            '<li>"<?php echo $item['name']?>"</li>',
 
            '<li>asd</li>',
 
           '<li>asd</li>'
<? endforeach; ?>
alert("<?php echo $item['name']?>");
 
].join(""));
 
;}
 
 
 
</script>
0
kalabuni
Нарушитель
3233 / 2558 / 614
Регистрация: 18.04.2012
Сообщений: 7,695
16.04.2015, 09:55 #5
повторяю:
1) откройте ваш файл в браузере
2) в меню "Инструменты -- Веб-разработка" выберите "исходный код страницы" (либо кликните правой кнопкой мыши по странице и в контекстном меню выберите "исходный код страницы"
Обновление таблицы с параметрами
Обновление таблицы с параметрами

3) в открывшемся текстовом редакторе найдите нужный участок кода
4) скопируйте этот участок кода
5) выложите его здесь
0
ApocaU
0 / 0 / 0
Регистрация: 10.01.2013
Сообщений: 74
16.04.2015, 11:19  [ТС] #6
Цитата Сообщение от kalabuni Посмотреть сообщение
повторяю:
1) откройте ваш файл в браузере
2) в меню "Инструменты -- Веб-разработка" выберите "исходный код страницы" (либо кликните правой кнопкой мыши по странице и в контекстном меню выберите "исходный код страницы"
Вложение 515328Вложение 515329
3) в открывшемся текстовом редакторе найдите нужный участок кода
4) скопируйте этот участок кода
5) выложите его здесь
<!DOCTYPE HTML>
<html>
<head>



<link rel ="stylesheet" href="style/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Интернет-магазин</title>
<script src='http://code.jquery.com/jquery-2.1.1.min.js'></script>
</head>

<body>
<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript" src="http://demo.dev7studios.com/caroufredsel/wp-content/plugins/caroufredsel/scripts/jquery.carouFredSel-6.1.0-packed.js?ver=6.1.0"></script>
<div id="adminpanel">
<form action="" method="POST">
<div id="admin-top">
<p id="admintitle">Панель администратора</p>
<input id="admin-exit" type="submit" name="exit" value="Выйти" />
</div>

<input id="admin-button-menu" type="submit" name="admin_order" value="Заказы" />
<input id="admin-button-menu" type="submit" name="admin_cat" value="Категории" />
<input id="admin-button-menu" type="submit" name="admin_sub_cat" value="Под категории" />
<input id="admin-button-menu" type="submit" name="admin_tovar" value="Товары" />

</form>
<div id="admin-content">

asdasd<p>Добавление товара</p>
<form action="" method="post" enctype="multipart/form-data">
<p>Название</p>
<input maxlength="25" name="prodtitle" size="40" value=""/>
<p>Цена</p>
<input type="number" id="admin-price" step="any" maxlength="25"name="prodprice" size="40" value=""/>
<p>Категория</p>
<select onchange="paramcat(this)" name="sub_cat_menu" size="1">
<option value="notebook">Ноутбуки</option>
<option value="sysblock">Системные блоки</option>
<option value="muz_center">Музыкальные центры</option>
<option value="magnitol">Магнитолы</option>
<option value="tv">Телевизоры</option>
<option value="video">Видеотехника</option>
<option value="smartphone">Смартфоны</option>
<option value="sotphone">Сотовые телефоны</option>
<option value="protoapp">Фотоаппараты</option>
<option value="zerkphoto">Зеркальные фотоаппараты</option>
<option value="game">Игры</option>
<option value="consol">Портативные игровые консоли</option>
<option value="caraudio">Автозвук</option>
<option value="videoreg">Видеорегистраторы</option>
<option value="compacses">Компьютерные аксессуары</option>
<option value="planshetacses">Аксессуары для планшетов</option>
<option value="new">новый</option>
<option value="фыв">фыв</option>
<option value="ii">ii</option>
<option value="SUPERPUPER">Супер техника</option>
<option value="про">про</option>
<option value="гг">гг</option>
</select>
<p>Производитель</p>
<input maxlength="25"name="prodcreator" size="40" value=""/>
<p>Описание</p>
<textarea rows="10"name="proddesc" cols="45"style="resize:none"></textarea>
<input type="FILE" name="imgupload" value="userfiles/"/>

<input type="submit" name="dobav" value="Принять изменения" />
</form>

<a>Таблица</a>
<table class="parametrs_table">
</table>




</table>
<script>
function paramcat(cat){
alert(cat.options[cat.selectedIndex].value);
catcat=cat.options[cat.selectedIndex].value;
$.ajax({
type: "POST",
url: 'index.php?viewt=admin-dobav_tovar&cat='+catcat,
data: catcat,
success: function(){
alert("категория отправлена в корзину");
}
});
;}



</script>

</div>
</div>



</body>
</html>
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
16.04.2015, 15:42 #7
а зачем нужно давать бедному jquery данные 2 раза, он запутается), хватит одного
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function paramcat(cat){
alert(cat.options[cat.selectedIndex].value);
catcat=cat.options[cat.selectedIndex].value;
$.ajax({
type: "POST",
url: '/index.php',
data: {cat: catcat,
viewt: "admin-dobav_tovar"
},
success: function(){
alert("категория отправлена в корзину");
}
}// конец параметров аякса
)// конец функции аякса
}
0
ApocaU
0 / 0 / 0
Регистрация: 10.01.2013
Сообщений: 74
17.04.2015, 08:24  [ТС] #8
Цитата Сообщение от BANO Посмотреть сообщение
а зачем нужно давать бедному jquery данные 2 раза, он запутается), хватит одного
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function paramcat(cat){
alert(cat.options[cat.selectedIndex].value);
catcat=cat.options[cat.selectedIndex].value;
$.ajax({
type: "POST",
url: '/index.php',
data: {cat: catcat,
viewt: "admin-dobav_tovar"
},
success: function(){
alert("категория отправлена в корзину");
}
}// конец параметров аякса
)// конец функции аякса
}
Отправить то отправили, это и у меня работало мне надо чтобы принялся параметр и главное обновилась таблица
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
17.04.2015, 19:37 #9
а чем вам сессия не нравится? используйте её
а я честно как-то не хочу всем этим заниматься(мне просто лень), а вы давайте верстайте
0
17.04.2015, 19:37
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.04.2015, 19:37

Конструктор с разными параметрами
...извините что обращаюсь, сам не местный...))) пробую создать обьект и...

Повторный вызов Excel с параметрами
У меня такая проблема: есть программа, при запуске которой теряется...

Передача функции в функцию с параметрами
У меня много XMLHttpRequest запросов, и для каждого писать такое неудобно: ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru