Показать полную графическую версию : Общие вопросы по коду
Страниц :
1
2
3
4
5
6
[
7]
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Здравсвуйте!
Такая прблемка. Есть подписка из восьми журналов. С 1996 года журналы выходят раз в месяц- раз в два месяца.
Если тупо сделать список:
Название журнала 1
1996 год
№1
№2 и т.д., то к концу восьмого журнала колесо у мыши могет сломаться.
Видел на сайтах:
+ Название журнала 1
+1996 год
№1
№2 ...
+1997 год (то есть список из восьми журналов, рядом крестики. Нажал на крестик рядом с названием - появились года с крестиками, нажал на крестик с годом появились номера журналов со ссылками).
Подскажите, как можно это реализовать в хытымыле.
Критично. Все это должно находится на одной странице, то есть без ссылок на другие страницы (за исключением самих журналов, конечно же).
Очень хочется сделать красиво и информативно. Заранее благодарен.
Смотрите пример ниже.
<html><head>
<title>Ня</title>
<script>
function hopen(id) {
a = document.getElementById(id);
if (a.style.display == "none") a.style.display = "inline";
else a.style.display = "none";
return true;
}
</script>
<style>
li {list-style-type:none; // спрятать маркеры списка
margin-left:20px} // сделать отступ слева для каждого нового уровня
</style>
</head><body>
<ul id="top">
<li><a href=# onclick="hopen('n1')">Журналы</a>
<ul id="n1" style="display:none">
<li><a href=# onclick="hopen('n1_1')">Системный администратор</a>
<ul id="n1_1" style="display:none">
<li>1999</li>
<li>2000</li>
<li>2001</li>
</ul>
</li>
<li><a href=# onclick="hopen('n1_2')">Повар-сантехник</a>
<ul id="n1_2" style="display:none">
<li>1999</li>
<li>2000</li>
<li>2001</li>
</ul>
</li>
<li><a href=# onclick="hopen('n1_3')">Мурзилка</a>
<ul id="n1_3" style="display:none">
<li>1999</li>
<li>2000</li>
<li>2001</li>
</ul>
</li>
</ul>
</li>
<li><a href=# onclick="hopen('n2')">Книги</a>
<ul id="n2" style="display:none">
<li>Пушкин</li>
<li>Достоевский</li>
<li>Гоголь</li>
</ul>
</li>
</ul>
</body>
</html>
Основные пункты:
- вложенные пункты имеют идентификатор (id="n1_1")
- при клике по ссылке (событие onclick) вызывается функция hopen(), описанная в начале страницы. В неё передаётся имя того списка, который надо отобразить (также hopen('n1_1')). Я использую и двойные, и одинарные кавычки - пусть вас это в заблуждение не вводит. Просто мне так удобно. По xhtml-стандарту, кажется, надо двойные ставить, но этот файл всё равно не пройдёт валидацию.
- функция работает следующим образом:
--- получает имя элемента, к которому надо обратиться
--- обращается к этому элементу (для краткости я его в переменную а сохраняю)
--- проверяет стиль элемента. Если он скрыт - отображает, если отображается - скрывает.
--- return в конце функции - на всякий случай, чтобы браузер вдруг по своей воле не перешёл по ссылке.
Также обратите внимание на описанный стиль. Если его убрать - будет выглядеть иначе)
Красиво попробуйте оформить сами :)
Artem-Samsung
03-06-2009, 22:51
Есть выбока
SELECT `cont` FROM `de_good` WHERE `id` = '5'
Если ли какие то простые команды что бы определить размер ячейки в килобайтах?
SELECT `cont`, LENGTH(`cont`)/1024 AS `Kb` FROM ....
также см. http://ru2.php.net/mysql_fetch_lengths
и вот еще проблемка.
есть несколько страничек (порядка 100).
открываются через menu.js
так все кроме двух открываются нормально, через полное окно. А две - через непонятки. При переходе на страничку - открывается на четверть экрана в левом верхнем углу (скрин01). При нажатии на "Развернуть"- открывается по центру экрана наполовину (скрин02). При очередном нажати на кнопку "Развернуть"- открывается, наконец-то, нормально (скрин03).
пробовал код только отвечающий только за конкретную начинку менять, не помогает. В menu.js тоже никаких различий между двумя файлами, которые выложил, нет. А очень раздражает. Особенно когда кто-то приходит посмотреть со стороны, а окна прыгать начинают.
P.S. данную вещь дорабатываю за другим человеком, у него спрашивал, он не знает откуда ноги растут. Может кто поможет?
s3kaaZa, в нижнем левом углу браузера иконка с желтым треугольничком - это ошибка JS - нужно ее щелкнуть, и посмотреть текст ошибки - указан файл и строка, где нужно исправить...
Я написал такую заготовку:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тест</title>
<style>
ul {padding-left: 16px; margin-left:0px; list-style:none}
li {padding-left: 0px; margin-left:0px;}
img {border: 0;}
</style>
<!-- Начало скрипта смены иконки -->
<script>
function openTree(id)
{
var curent_element = document.getElementById("child"+id);
var curent_image= document.getElementById("img"+id);
if( !curent_element ) return false;
if( curent_element.style.display == "none"
|| curent_element.style.display == "" ) {
curent_element.style.display = "block";
curent_image.src='img/open.gif';
}
else {
curent_element.style.display = "none";
curent_image.src='img/close.gif';
}
return true;
}
</script>
<!-- Конец скрипта смены иконки -->
</head>
<body>
<!-- Начало таблицы-каркаса-->
<table class="main">
<tr>
<td class="menu" style="width:200px">
<!-- Начало блока меню -->
<div>
<ul>
<div id="child1_1">
<ul>
<li>
<a onclick="return !openTree('1_1_1');" href="">
<img id="img1_1_1" src="img/close.gif" align="absmiddle">Раздел 1
</a>
</li>
<div id="child1_1_1" style="display: none;">
<ul>
<li class="list">
<a href="template.html">
<img id="img1_1_1" src="img/list.gif" align="absmiddle">пункт 1
</a>
</li>
<li class="list">
<a href="index.html">
<img id="img1_1_1" src="img/list.gif" align="absmiddle">пункт 2
</a>
</li>
<li class="list">
<a href="">
<img id="img1_1_1" src="img/list.gif" align="absmiddle">и так далее
</a>
</li>
</ul>
</div>
<li>
<a onclick="return !openTree('1_2_1');" href="">
<img id="img1_2_1" src="img/close.gif" align="absmiddle">Раздел 2
</a>
</li>
<div id="child1_2_1" style="display: none;">
<ul>
<li class="list">
<a href="">
<img id="img1_2_1" src="img/list.gif" align="absmiddle">пункт 1
</a>
</li>
<li class="list">
<a href="">
<img id="img1_2_1" src="img/list.gif" align="absmiddle">пункт 2
</a>
</li>
<li class="list">
<a href="">
<img id="img1_2_1" src="img/list.gif" align="absmiddle">и так далее
</a>
</li>
</ul>
</div>
<li>
<a onclick="return !openTree('1_3_1');" href="">
<img id="img1_3_1" src="img/close.gif" align="absmiddle">раздел и так далеее
</a>
</li>
<div id="child1_3_1" style="display: none;">
<ul>
<li class="list">
<a href="">
<img id="img1_3_1" src="img/list.gif" align="absmiddle">1
</a>
</li>
<li class="list">
<a href="">
<img id="img1_3_1" src="img/list.gif" align="absmiddle">2
</a>
</li>
<li class="list">
<a href="">
<img id="img1_3_1" src="img/list.gif" align="absmiddle">и так далее
</a>
</li>
</ul>
</div>
</ul>
</div>
</ul>
</div>
<!-- Конец блока меню -->
</td>
</tr>
</table>
<!-- Конец таблицы-каркаса -->
</body>
</html>
Помогите подключить это к основному коду через menu.js
По мере вдупления в код буду его оптимизировать.
Сохраняете текст скрипта (без тэгов < script >) в файл menu.js, а в html-документе пишете:
<script src="menu.js" type="text/javascript" />
имею базу в ней две тоблицы
надо перенести из одной в другую строку по "id"
как удолить и создать знаю а как перенести нет
<?php
if (isset($id))
{
$result = mysql_query ("delete from orders where id='$id'");
if ($result == 'true') {echo "<p>Заказ успешно удален!</p>";}
else {echo "<p>Заказ не удален!</p>";}
}
else
{
echo "<p>Вы запустили данный фаил без параметра id и поэтому, удалить Заказ невозможно .</p>";
}
?>
1. Прочитать из 1 таблицы.
2. Записать во 2 таблицу.
3. Удалить из 1 таблицы.
да мне даже перенести не удоётся
строки создаются но пустые
<?php
include ("config.php");
$sql0=mysql_query("SELECT * FROM juzer WHERE id=$id");
$num_sait=mysql_fetch_array($sql0);
if (isset($id))
{
$result = mysql_query("insert into istoria values (null, '$neim', '$icq','$email','$date' );");
//$result = mysql_query ("delete from orders where id='$id'");
if ($result == 'true') {echo "<p>Заказ успешно удален!</p>";}
else {echo "<p>Заказ не удален!</p>";}
}
else
{
echo "<p>Вы запустили данный фаил без параметра id и поэтому, удалить Заказ невозможно .</p>";
}
?>
Используете mysql_fetch_array(), а в insert'е почему-то не массив. Пишите:
$result = mysql_query("insert into istoria values (null, '$num_sait[neim]', '$num_sait[icq]','$num_sait[email]','$num_sait[date]' );");
строки создаются но пустые »
Выведите ошибку mysql после запроса - там понятно будет. Все переменные в запросе необходимо перед вставкой обработать (http://ru.php.net/manual/ru/function.mysql-real-escape-string.php).
Ребята, подскажите пожалуйста, как создать таблицу с автоматическим изменением размера (по ширине) при изменении ширины страницы.
Благодарю.
<table border="1">
<tr><td width="50%">кол 1</td><td width="40%">кол 2</td><td width="10%">кол 3</td></tr>
</table>
Coutty, спасибо, но не то. При изминении ширины страницы (относительно экрана), размер таблицы не изменяется, т.е. часть таблицы скрывается.
Нужно как-то привязать ширину таблицы к текущему размеру страницы.
Да, я не проверил. И ведь всё правильно - указаны были ведь только значения ширины ячеек, но не самой таблицы. Попробуйте так:
<table border="1" width="100%">
<tr><td width="50%">кол 1</td><td width="40%">кол 2</td><td width="10%">кол 3</td></tr>
</table>
У меня изменяется.
Coutty, спасибо, то что надо.
Coutty, Эм. не так. мне нужно подключить не сам скрипт, а весь блок. тоесть в menu.js записть:
<style>
ul {padding-left: 16px; margin-left:0px; list-style:none}
li {padding-left: 0px; margin-left:0px;}
img {border: 0;}
</style>
<!-- Начало скрипта смены иконки (для красоты)-->
<script>
function openTree(id)
{
var curent_element = document.getElementById("child"+id);
var curent_image= document.getElementById("img"+id);
if( !curent_element ) return false;
if( curent_element.style.display == "none"
|| curent_element.style.display == "" ) {
curent_element.style.display = "block";
curent_image.src='img/open.gif';
}
else {
curent_element.style.display = "none";
curent_image.src='img/close.gif';
}
return true;
}
</script>
<!-- Конец скрипта смены иконки -->
<!-- Начало самого меню -->
<div>
<ul>
<div id="child1_1">
<ul>
<li>
<a onclick="return !openTree('1_1_1');" href="">
<img id="img1_1_1" src="img/close.gif" align="absmiddle">Раздел 1
</a>
</li>
<div id="child1_1_1" style="display: none;">
<ul>
<li class="list">
<a href="template.html">
<img id="img1_1_1" src="img/list.gif" align="absmiddle">пункт 1
</a>
</li>
<li class="list">
<a href="index.html">
<img id="img1_1_1" src="img/list.gif" align="absmiddle">пункт 2
</a>
</li>
<li class="list">
<a href="">
<img id="img1_1_1" src="img/list.gif" align="absmiddle">и так далее
</a>
</li>
</ul>
</div>
<li>
<a onclick="return !openTree('1_2_1');" href="">
<img id="img1_2_1" src="img/close.gif" align="absmiddle">Раздел 2
</a>
</li>
<div id="child1_2_1" style="display: none;">
<ul>
<li class="list">
<a href="">
<img id="img1_2_1" src="img/list.gif" align="absmiddle">пункт 1
</a>
</li>
<li class="list">
<a href="">
<img id="img1_2_1" src="img/list.gif" align="absmiddle">пункт 2
</a>
</li>
<li class="list">
<a href="">
<img id="img1_2_1" src="img/list.gif" align="absmiddle">и так далее
</a>
</li>
</ul>
</div>
<li>
<a onclick="return !openTree('1_3_1');" href="">
<img id="img1_3_1" src="img/close.gif" align="absmiddle">раздел и так далеее
</a>
</li>
<div id="child1_3_1" style="display: none;">
<ul>
<li class="list">
<a href="">
<img id="img1_3_1" src="img/list.gif" align="absmiddle">1
</a>
</li>
<li class="list">
<a href="">
<img id="img1_3_1" src="img/list.gif" align="absmiddle">2
</a>
</li>
<li class="list">
<a href="">
<img id="img1_3_1" src="img/list.gif" align="absmiddle">и так далее
</a>
</li>
</ul>
</div>
</ul>
</div>
</ul>
</div>
<!-- Конец меню -->
Это нужно подклюциь в ячейке каркаса сайта.
Проблема какраз в том, что нужно подключить не скрипт, а весть код.
здравствуйте. Помогите разобрать этот код. поставте пожалуйста if и else там где нужно.
var code = evnt.keyCode ? evnt.keyCode : evnt.charCode ? evnt.charCode : evnt.which ? evnt.which : void 0;
спасибо
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.