Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Старый mweb

Модератор: [mweb team]

Сообщение Владимир Ср сен 03, 2008 16:23

Мне кажется это пока было бы проще, чтобы не переделывать весь сайт. Да на www.fototerra.ru кстати файлы имеют расширение html - значит там обошлись без PHP... Вот нарыл код у них, разбираюсь... Тут походу Lightbox установлен...
Код: Выделить всё
<div style="float:left; margin:0px 18px 18px 0px;">
  <a href="/image.html?id=31250" rel="lightbox[screen]"><img src="/image.html?id=31250&size=small" alt="Бологое" width="80" height="60"  /></a>
</div>
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Alkeeper Ср сен 03, 2008 17:57

>>> кстати файлы имеют расширение html -
>>> значит там обошлись без PHP

Ну-ну =)
80 лет в интернете.
Аватара пользователя
Alkeeper
Экс-курильщик
 
Сообщения: 4183
Зарегистрирован: Вт ноя 13, 2001 1:01
Откуда: mweb

Сообщение Muerto Ср сен 03, 2008 20:44

2Владимир: Чего разбирать-то?! Просто вызов функции делаешь с размерами картинки. Не хочешь автоматом через РНР - вставляй вручную.
Код: Выделить всё
<a href="#null" class="menu2" onclick="showPic('kontakt/cyti/tumen.jpg', 500, 333)">г. Тюмень, пос. Матмасы</a>
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Чт сен 04, 2008 9:34

Ну вобщем вот тут попробовал http://www.colormusic.ru/kontakt-test.html#value - переделал только три первые строки для пробы: Тюмень, Ноябрьск и Самара. Вроде бы работает. Хорошо то, что можно переделывать по одной странице не затрагивая всю структуру сайта - заменяем скрипт на другой и прописываем везде размеры картинок. Несложно и довольно удобно. Мои мысли по этому поводу: появляющаяся сразу большая серая рамка, размером с будущую картинку выглядит несколько грубовато. Как я и писал в самом начале разговора на эту тему, хотелось бы, чтоб появлялась только маленькая анимашка, показывая, что процесс пошел, а потом бы грузилась сама картинка. Возможно ли так скорректировать скрипт?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Чт сен 04, 2008 10:09

Код: Выделить всё
<!--
function showPic(pic, x , y){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.width = x + "px";
ppic.style.height = y + "px";
ppic.style.left = parseInt(document.body.clientWidth/2 - x/2) + "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - y/2) + document.body.scrollTop + "px";
ppic.style.color = "#000";
ppic.style.backgroundImage = "url(loading.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.backgroundRepeat = "no-repeat";
ppic.style.padding = "10px 10px 10px 10px";

top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};
ppic.innerHTML = "<img src='" + pic + "' title='скрыть' alt='' style='cursor:pointer' width=" + x + " height=" + y + " onload='this.parentNode.style.backgroundColor = \"#e0dfe3\"; this.parentNode.style.border = \"2px outset #fff\"'>";
}
//-->
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пн сен 08, 2008 11:23

Чета процесс застрял ... Осталось сделать самую малость - чтоб выскакивающая картинка оставалась на месте, а не сдвигалась на несколько пикселов. Желающим посмотреть/дать совет, сюда - http://www.colormusic.ru/contact-test.html#value - первые три строчки в таблице. Соответственно скрипт, который надо подлечить - http://www.colormusic.ru/use/img-pop-new.js . Тов. Муерто впал в ступор, где и пребывает по сей день ...
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Пн сен 08, 2008 12:17

2Владимир: Я в запой впал. Попробуй сам добей на глазок. Определяй браузер и подгони delta чтобы нормально выглядело. В принципе bw.ie6, bw.ie7 - одна delta, для всех остальных браузеров - другая.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Пн сен 08, 2008 12:21

Да, мы же вроде выяснили, что эта дельта где-то не там стоит, ибо она влияет не на положение картинки, а на ширину бордюра справа и снизу картинки. А по-поводу запоя - я тебе сочувствую...
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Padonak Вт сен 09, 2008 8:26

2Muerto: а вот кстати вопрос на похожую тему у меня тут назрел. ситуация такая: есть див размером на все окно браузера и у него overflow:auto чтобы была иллюзия обычной страницы с прокруткой. в диве много параграфов. при клике на каждом параграфе в него вставляется картинка (если ее нет) или наоборот убирается из него (если она уже есть). суть проблемы состоит в том что если параграф находится например у нижней кромки дива то после появления картинки текст уезжает в невидимую область и саму картинку толком не видно. поэтому приходится прокруткой поднимать текст. как сделать чтобы автоматом прокручивалось при появлении картинки в центр или даже почти наверх экрана? как прокручивать вобще содержимое дива? window.scrollBy или window.scrollTo естественно не прокатывает...
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Вт сен 09, 2008 9:20

2Padonak: Используй якоря и document.location = "#якорь" в скрипте с показом картинки.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Вт сен 09, 2008 10:50

Вот попробовал - не помогает. В ФФ сиравно сдвигается, а в ИЕ обрезано...
Изображение
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Вт сен 09, 2008 11:08

Код: Выделить всё
<!--
function brwcheck() {
     this.ver=navigator.appVersion
     this.agent=navigator.userAgent
     this.dom=document.getElementById?1:0
     this.opera5=this.agent.indexOf("Opera 5")>-1
     this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
     this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;
     this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
     this.ie=this.ie4||this.ie5||this.ie6
     this.mac=this.agent.indexOf("Mac")>-1
     this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
     this.ns4=(document.layers && !this.dom)?1:0;
     this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
     this.oldOpera = this.agent.indexOf("Opera/9.2")>-1
     this.Firefox = this.agent.indexOf("Firefox")>-1
     this.Safari = this.agent.indexOf("Safari")>-1
     return this
}
var bw=new brwcheck()
if (bw.ie6) {var delta = 24} else {var delta = 20}

function showPic(pic, x , y){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.border = "none";
ppic.style.width = x + delta + "px";
ppic.style.height = y + delta + "px";
ppic.style.left = parseInt(document.body.clientWidth/2 - x/2 - 2) + "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - y/2 - 2) + document.body.scrollTop + "px";
ppic.style.color = "#000";
ppic.style.backgroundImage = "url(http://www.colormusic.ru/img/loading.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.backgroundRepeat = "no-repeat";
ppic.style.overflow = "hidden";
ppic.style.border = "2px outset #fff";

top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};
ppic.innerHTML = "<img src='" + pic + "' alt='' style='cursor:pointer; border: #e0dfe3 10px solid' width=" + x + " height=" + y + " onload='this.title = \"скрыть\"'>";
}
//-->

А так?..
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Вт сен 09, 2008 11:30

Изображение

В ФФ стало нормально, не сдвигается, только стиль показа почему-то изменился. Сначала появляется вся серая рамочка, а потом в ней рисуется картинка, до этого было лучше - картинка прорисовывалась без рамки, а рамка появлялась потом, если можно - вернуть старый вариант.

В ИЕ рамка не симметричная.
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Вт сен 09, 2008 16:43

2Владимир: Так сдвиг из-за этого и был.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Вт сен 09, 2008 16:53

2Muerto: попробую пасиб. а все-таки такой див скроллицо или нет?
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение Muerto Вт сен 09, 2008 20:09

2Padonak: Ну, конечно, есть вариант со вложенными блоками, но, как я понимаю, тебе это не подходит. Я подумаю над твоим вариантом.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Muerto Вт сен 09, 2008 20:55

2Padonak: Придумал тут одну фигню. Думаю сможешь использовать. Для твоих нужд - чуток рашпилем обработать.
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<script type="text/javascript">
function move(anch) {
var t = document.getElementById('main').getElementsByTagName('input');
for (var i=0; i<t.length; i++) if (t[i].name==anch) t[i].focus();
}
</script>
</head>

<body>
<div style="overflow:auto; height:200px;" id="main">
<input name="bad" type="text" style="width:0; height:0; border:0;">
<img src="character.png" alt="" width="221" height="225" />
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Текст с на который ссылаемся</p>
<input name="well" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
<input name="bad" type="text" style="width:0; height:0; border:0;">
<p>Некий текст</p>
</div>
<input type="button" onclick="move('well')" value="прокрутить" />
</body>
</html>

Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Muerto Вт сен 09, 2008 21:23

Доработка рашпилем в следущем направлении, если мозг занят делами поважнее:
Код: Выделить всё
<script type="text/javascript">
function move(anch) {
var t = document.getElementById('main').getElementsByTagName('input');
for (var i=0; i<t.length; i++) if (t[i].name==anch) {
t[i].style.position = "relative";
t[i].style.top = "100px";
t[i].focus();
}
}
</script>

где
Код: Выделить всё
t[i].style.top = "100px";

это offsetHeight вставляемой картинки (не забудь и картинке position:relative выставить) и бла-бла-бла.
Блин, пошёл я дальше пить лучше.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Ср сен 10, 2008 8:35

Уважаемый тов. Муерто!
Позвольте полюбопытствовать: как долго у Вас обычно длится процесс запоя? Очень хотелось наш скрипт как-нибудь доконать, ибо над такой фигней уже две недели паримся...
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 10, 2008 9:26

SMS-сообщение от Padonak: Это ж кривой код там все неймы одинаковые ;-)
Отвечаю: Кто тебе мешает сделать их разными?!
2Владимир: Запой - штука сложно предсказуемая. Финализация пока не представляется возможной. Как вариант можно сначала сделать блоку бордер с цветом transparent. Правда не уверен, что в ИЕ это сработает. А на onLoad картинки повесить событие this.parentNode.style.borderColor = \"#FFFFFF\"
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Владимир Ср сен 10, 2008 9:41

Я, конечно, как всегда буду задавать наверное дурацкие вопросы, но что поделаешь - дилетант... Может это и правильный совет, но проверить его я пока не могу, ибо в скриптах разбираюсь как свинья в апельсинах... Мне непонятно другое - зачем это вобще нужно - предыдущий вариант работал так, как меня вполне устраивало. Сначала в центре страницы появлялась только одна анимашка, затем постепенно прорисовывалась вся картинка с бордюром вместе. Единственное, что там было не в порядке - потом картинка немного сдвигалась, то ест где-то надо было координаты подправить и все! После последней переделки скрипта стиль показа почему-то изменился. Сначала появляется вся серая рамочка, а потом в ней рисуется картинка. Неужели нельзя взять предыдущий хорошо работающий вариант и подправить там координаты?
Всех интересующихся цветомузыкой приглашаю посетить http://www.colormusic.ru
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Сообщение Muerto Ср сен 10, 2008 12:27

Код: Выделить всё
<!--
function brwcheck() {
     this.ver=navigator.appVersion
     this.agent=navigator.userAgent
     this.dom=document.getElementById?1:0
     this.opera5=this.agent.indexOf("Opera 5")>-1
     this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
     this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;
     this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
     this.ie=this.ie4||this.ie5||this.ie6
     this.mac=this.agent.indexOf("Mac")>-1
     this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
     this.ns4=(document.layers && !this.dom)?1:0;
     this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
     this.oldOpera = this.agent.indexOf("Opera/9.2")>-1
     this.Firefox = this.agent.indexOf("Firefox")>-1
     this.Safari = this.agent.indexOf("Safari")>-1
     return this
}
var bw=new brwcheck()
if (bw.ie6) {var delta = 24} else {var delta = 20}

function showPic(pic, x , y){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.border = "none";
ppic.style.width = x + delta + "px";
ppic.style.height = y + delta + "px";
ppic.style.left = parseInt(document.body.clientWidth/2 - x/2 - 2) + "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - y/2 - 2) + document.body.scrollTop + "px";
ppic.style.color = "#000";
ppic.style.backgroundImage = "url(http://www.colormusic.ru/img/loading.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.backgroundRepeat = "no-repeat";
ppic.style.overflow = "hidden";
ppic.style.border = "transparent 2px outset";

top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};
ppic.innerHTML = "<img src='" + pic + "' alt='' style='cursor:pointer; border: #e0dfe3 10px solid' width=" + x + " height=" + y + " onload='this.title = \"скрыть\"; this.paretNode.borderColor=\"#FFFFFF\"'>";
}
//-->

Не уверен, что прокатит, не проверял.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Пт янв 16, 2009 11:42

Добрый день форумчане!
После долгого перерыва вновь взялся за свой сайт. Вот сделал пару страниц- желающим посмотреть тут:
http://www.colormusic.ru/books_2.html
http://www.colormusic.ru/raduga_3.html
Вот по поводу второй странички есть непонятка. Вставил в конец страницы скрипт:
Код: Выделить всё
<script type="text/javascript" src="http://www.taggify.net/view.ashx?key=e24b7bfc74c34772b515f00df10a9636&fade=cccccc&transparency=50&border=333333&background=eeeeee&width=2" language="javascript" charset="utf-8" ></script>

Работает нормально (делает всплывающие подсказки на изображениях), но валидатор на нем выдает 10 ошибок, других ошибок на странице нет.
http://validator.w3.org/check?uri=http% ... uga_3.html

В попытке избавиться от ошибок вынес этот скрипт в файл taggify.js:
Код: Выделить всё
src="http://www.taggify.net/view.ashx?key=e24b7bfc74c34772b515f00df10a9636&fade=cccccc&transparency=50&border=333333&background=eeeeee&width=2" language="javascript" charset="utf-8" >

И сделал вызов скрипта:
<script language="JavaScript" src="use/taggify.js" type="text/javascript"></script>
Однако он работать перестает ...
Что я по своей глупости делаю не так?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Muerto Пт янв 16, 2009 12:08

Очевидно скрипт считает рефферером файл JS и пытается там сделать подсказки. Надо вызывать его только со страницы.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Пт янв 16, 2009 12:51

Муерто, привет!
Ну вобщем-то я сам так и предполагал, но хотелось все-таки услышать мнение грамотного товарища. Значит от ошибок избавиться никак низзя? Помнится можно было конвертировать знаки в коды типа %ХХ, но такую длинную строку вручную больно утомительно, а нет ли такого сервиса где-нить, чтоб оптом ее сконвертировать? Надеюсь работоспособность должна сохраниться? Ты как думаешь, Муерто? Да, че там с моим магазином - чета ты совсем замолчал...
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Muerto Пн янв 19, 2009 11:17

Владимир
С нового года никак не оправлюсь. Послезавтра отправляю своих на море и начну выходить. Только у меня после "формат с" ни фига не сохранилось не доступа, ни локальной версии, ни макета. Ты мне почтой вышли, что у тебя есть.
Замени амперсанды на
Код: Выделить всё
&amp;
в урлах.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Вт янв 27, 2009 10:32

Как и следовало ожидать - совет оказался кратким и точным, после замены амперсандов на &amp; все ошибки исчезли, и теперь очередная страничка проходит 100% валидацию, спасибо! Вот результат: http://validator.w3.org/check?uri=http% ... uga_3.html На эту же тему есть еще маленький вопросик: Вот есть страничка http://www.colormusic.ru/support.html Кроме первых двух картинок, при нажатии на остальные они увеличиваются. Первые две увеличения не имеют. Чтобы пояснить это юзеру я сделал изменение формы курсора на запрещающий знак. Как это сделать нашел на просторах инета.

Определил class "nono" в ЦСС:
Код: Выделить всё
.nono {cursor:not-allowed} 

и подставил этот класс в изображение
Код: Выделить всё
<img class="nono" src="support/garant.gif" alt="Гарантийная защита цветомузыки" width="250" height="200" border="0">


Однако, несмотря на то, что все замечательно работает, валидатор ругается:
http://jigsaw.w3.org/css-validator/vali ... se/kvv.css
Код: Выделить всё
110      .nono      Value Error : cursor  not-allowed is not a cursor value :  not-allowed


Как бы это исправить?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Padonak Вт янв 27, 2009 10:58

привет. вот какие могут быть значения у курсора:

cursor.jpg
cursor.jpg (54.4 Кб) Просмотров: 49690
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Muerto Вт янв 27, 2009 11:50

Падонак прав. Для валидатора придётся выбрать что-то из предложеного. crosshair, наверное...
А лучше сделать всплывающую подсказку, что картинки не увеличиваются.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Пт янв 30, 2009 11:22

Привет знатоки!
Большое спасибо а совет (Игорю), но честно говоря он мало что дал. Когда я столкнулся с этой проблемой, я, конечно, прежде кидать вопрос на форум, пытался решить проблему своими силами, и конечно же нашел эту информацию, какие значения может иметь курсор. Только ничего толкового о том, как подойти к решению данной проблемы я там не нашел. Хотя наверно можно разместить на сайте свой указатель и задавать его URL, как считают спецы? Но это мелочи, вот у меня есть задача посерьезней, сам я точно не справлюсь, мне нужна небольшая помощь профессионала.

Начал делать новую страницу http://www.colormusic.ru/foto.html , воткнул туда требуемый скрипт показа картинок. Теперь вот что нужно сделать. Как видно на страничке я могу просматривать превьюшки изображений. Нужно сделать возможность, чтоб нажав на картинку она увеличилась. Хочется сделать как здесь: http://highslide.com/ в разделе Examples - With Gallery. Как установить данный скрипт тут подробно описано, я сам справлюсь. А вот как их связать между собой? Очень надеюсь на Вашу помощь...
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Alkeeper Пт янв 30, 2009 12:01

Владимир
Highslide, насколько помню, автоматом связывает все линки с инструкцией:
Код: Выделить всё
onclick="return hs.expand(this)"
80 лет в интернете.
Аватара пользователя
Alkeeper
Экс-курильщик
 
Сообщения: 4183
Зарегистрирован: Вт ноя 13, 2001 1:01
Откуда: mweb

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Пт янв 30, 2009 14:43

Спасибо за совет!
Прежде чем взяться за его реализацию, я столкнулся с другой проблемой. Вот делаю страничку: http://www.colormusic.ru/foto.html В ней дважды размещаю код:
Показ первой картинки (работает)
Код: Выделить всё
<td><script language="JavaScript" src="foto/1/foto1.js"></script>
<script language="JavaScript" src="use/js/slideshow.js"></script></td>

Вторая картинка (не работает)
Код: Выделить всё
<td><script language="JavaScript" src="foto/2/foto2.js"></script>
<script language="JavaScript" src="use/js/slideshow.js"></script></td>

После долгих изысканий выяснил, что если первый вызов скрипта закомментировать, то вторая начинает работать. Вот: http://www.colormusic.ru/foto_2.html
Похоже просто скрипт 2 раза на странице работать не хочет. На домашней странице http://www.gerd-tentler.de/tools/slideshow/ об этом ничего не написано. И не накакано...
Сам скрипт - http://www.colormusic.ru/use/js/slideshow.js
Первый набор картинок - http://www.colormusic.ru/foto/1/foto1.js
Второй набор картинок - http://www.colormusic.ru/foto/2/foto2.js
Тов. Муерто посоветовал мне в скрипте foto2.js увеличить slsContents на 10 - сделать slsContents[10] и так далее ... Стало немного легче - появились кнопочки, но картинок нет, вместо надпись "undefned". На этом процесс остановился. Очень хочется его запустить - я его долго искал и в нем разбирался. Сейчас по аналогии быстро бы забабахал всю страницу - а тут на тебе... Может у корифеев есть еще какие-либо мысли?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Muerto Пт янв 30, 2009 16:12

Не, не выйдет с этим скриптом по ходу. Объекты скриптом создаются с одинаковыми айди, под этот айди скрипт и заточен. А два объекта с одинаковыми айди - работать не будут. Точнее, будет работать только один из них. Переписывать этот скрипт под несколько объектов - морока. Ищи другой скрипт, который такое поддерживает.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Пт янв 30, 2009 16:40

Да... Легко сказать - ищи другой скрипт... Я этот несколько дней искал - он мне по дизайну здорово подошел... Два дня в нем разбирался и страницу делал... И все зря...-26- Может у кого на примете есть что-либо похожее? Ну чтоб кнопочками превьюшки переключать, а если на картинку нажать - чтоб она увеличилась?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Muerto Пт янв 30, 2009 20:05

Посмотри тут http://www.electricprism.com/aeron/slideshow/ там несколько вариантов. Думаю тебе подойдёт http://www.electricprism.com/aeron/slid ... mple2.html
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Сб янв 31, 2009 11:11

Спасибо. Буду пытаться интегрировать сие действо на страницу. По этому поводу хотелось бы познать следующее:
1. Будет ли сия штука работать на странице в нескольких копиях?
2. Если нажать на картинку, чтоб она увеличилась, на этом процесс останавливается, ее даже закрыть нельзя, разве так должно быть?
3. Где бы найти подробную инструкцию по имплантированию сего процесса на страничку?
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Muerto Сб янв 31, 2009 15:11

Владимир писал(а):1. Будет ли сия штука работать на странице в нескольких копиях?

Не пробовал, не знаю. Ты - первопроходец.
Владимир писал(а):2. Если нажать на картинку, чтоб она увеличилась, на этом процесс останавливается, ее даже закрыть нельзя, разве так должно быть?

Нажми в любое место за пределами картинки.

3. Где бы найти подробную инструкцию по имплантированию сего процесса на страничку?
На этой же странице все написано!
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title></title>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <link rel="stylesheet" type="text/css" href="http://www.electricprism.com/aeron/slideshow/css/slideshow.css" media="screen" />
   <link rel="stylesheet" type="text/css" href="http://www.electricprism.com/aeron/slideshow/css/lightbox.css" media="screen" />
   <style type="text/css">
    a { color: #404040; }
    a:hover { text-decoration: none; }
    code { color: #404040; font: normal 10px Monaco, monospace; }
    em { color: #808080; font-style: normal; }
    h1 { color: #000; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; text-transform: lowercase; }
    h1:before { content: '.'; }
    p { color: #404040; font: normal 12px/16px Arial, sans-serif; padding: 0 20px 16px; }
   </style>
   <script type="text/javascript" src="http://www.electricprism.com/aeron/slideshow/js/mootools.js"></script>
   <script type="text/javascript" src="http://www.electricprism.com/aeron/slideshow/js/slideshow.js"></script>
   <script type="text/javascript" src="http://www.electricprism.com/aeron/slideshow/js/lightbox.js"></script>
   <script type="text/javascript">      
   //<![CDATA[
     window.addEvent('domready', function(){
       var data = {
         '1.jpg': { caption: 'Описание первой картинки.' },
         '2.jpg': { caption: 'Описание второй картинки.' },
         '3.jpg': { caption: 'Описание третьей картинки.' },
         '4.jpg': { caption: 'Описание четвертой картинки.' }
       };
       // captions - подписи, controller - контроллер всплывающий (туды-сюды), delay - задержка смены кадров, height - высота, hu - путь к картинке, linked - есть ли большие картинки, width - ширина.
       var myShow = new Slideshow('show', data, { captions: true, controller: true, delay: 3000, height: 300, hu: 'examples/', linked: true, width: 400 });
       // Паузы при открытии большой картинки установить или не стоит.
      var box = new Lightbox({
           'onClose': function(){ this.pause(false); }.bind(myShow),
           'onOpen': function(){ this.pause(true); }.bind(myShow)
         });
      });
   //]]>
   </script>

</head>
<body>
  <div id="show" class="slideshow">
    <a rel="lightbox" href="http://www.muerto.ru">
      <img src="examples/1.jpg" width="400" height="300" alt="картинки в слайдшоу" />
    </a>
  </div>
  </body>
</html>

Ну скрипты и стилевые листы скачаешь и пути пропишешь относительные.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Jedi Сб янв 31, 2009 17:00

Люди. Уже полтора года одну и ту же корову доите ))))))) Тема открыта в авнусте 2007. я ща уже 2009 )))))
Аватара пользователя
Jedi
Хронический Астматик
 
Сообщения: 1852
Зарегистрирован: Вс сен 08, 2002 0:01
Откуда: Russia

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Владимир Вс фев 01, 2009 15:39

2 Jedi.
-23- Если корова дает молоко - чего б ее не доить?

В родном берёзовом кругу,
вблизи села родного
мычит корова на лугу,
корова как корова.

Слыхать корову далеко,
мычит она неслабо.
Даёт корова молоко,
на то она и баба.

Пасётся рядом с нею бык,
большой такой детина.
Он только спать и есть привык –
на то он и скотина.

И о корове круглый год
он думает с любовью,
но молока он не даёт,
а бережёт здоровье.

А если серьезно - хочется сказать ОГРОМНОЕ СПАСИБО всем корифеям, которые уделяют время начинающим юзерам и дают такие нужные и полезные советы! Именно благодаря им, за это время я самостоятельно, с нуля, впервые в жизни столкнувшись с сайтостроением, смог худо-бедно создать свой сайт. Конечно, я понимаю, что он весьма далек от совершенства, но свою задачу он прекрасно выполняет. А со временем, когда я выложу на него всю необходимую информацию можно будет подумать и о смене дизайна...

2 Муэрто.
-44- Безвыходных ситуаций не бывает. Это я точно знаю. Возвращаясь к вышеописанной проблеме - размещения скрипта на странице 2 раза. Ты справедливо заметил
Не, не выйдет с этим скриптом по ходу. Объекты скриптом создаются с одинаковыми айди, под этот айди скрипт и заточен. А два объекта с одинаковыми айди - работать не будут. Точнее, будет работать только один из них. Переписывать этот скрипт под несколько объектов - морока. Ищи другой скрипт, который такое поддерживает.
Короче на этом скрипте было предложено поставить крест. Однако я решил не сдаваться, и долго чесал свою репу. А в ней уже потихоньку начинают зарождаться разные мысли - хоть я и малоопытный юзер, но весьма неглуп. Просто надо было подойти к решению задачи с другой стороны. Ну раз нельзя размещать две копии скрипта на одной странице - ну и не надо, разместим их на разных страницах, а странички вставим в <iframe>. Вот и все! -28- http://www.colormusic.ru/foto.html

Теперь осталось сделать самую малость - надеюсь ты мне поможешь - ты обещал... Нужно сделать, чтобы если в фотку ткнуть - она увеличивалась как тут http://highslide.com/ в разделе Examples - With Gallery. Тут надо как-то связать два скрипта, это мне пока не по силам. Короче - есть набор файлов: file1.jpg, file2.jpg ... file10.jpg - эти файлы мы видим и можем их листать. Есть соответствующий набор "увеличенных" файлов file1_big.jpg, file2_big.jpg ... file10_big.jpg. Нужно, чтоб если ткнуть например файл file5.jpg с помощью highslide открыть file5_big.jpg и листать увеличенные картинки. Вот и все. Очень надеюсь на помощь.
Аватара пользователя
Владимир
Редко заходит
 
Сообщения: 290
Зарегистрирован: Чт фев 22, 2007 13:10
Откуда: Москва

Re: Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Сообщение Muerto Вт фев 03, 2009 11:31

Неслабый ты скриптик нашел для просмотра увеличенных картинок. Честно сказать, я думал ты хотел использовать тот, который у тебя уже действовал на странице.
А по поводу highslide. Там же есть example-mini-galleries.html - по моему то, что тебе нужно и без скрещивания этих скриптов.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Пред.След.

Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 12

cron