Перейти к содержанию
19 лет клубу! Встречаемся в офисе «Лаборатории Касперского»

Вопрос про HTML

-=WaMpIr=-

Автор -=WaMpIr=-
в Компьютерная помощь

 Поделиться

Рекомендуемые сообщения

-=WaMpIr=- Опытный

-=WaMpIr=-

Опубликовано
Опубликовано (изменено)

Я прекрасно понимаю что это не про компы, но знающих людей прошу помочь с решением проблемы.

Дело было вечером, мне делать было нечего, и я решил написать сайт в HTML. Вот что у меня получилось==> http://kampolwampir.xaker.ru/

Это всё хорошо, но я залез в яндекс, посидел немножко, поискал, почитал, написал и вот что получилось==> http://kampolwampir.xaker.ru/Opisanie.html

Ссылки получились прямые, но я хотел встроить туда "злой" IFrame (те кто знают HTML поняли зачем я его так :) ), но у меня не получилось. Подскажите пожалуйста, как его туда ставить что бы ссылка открывалась не в новом окне, а появлялась в виде небольшого окошка на этой же странице.

Вот полный код страницы:

<html>
<head>
<title>Краткое описание рабочего пространства</title>
</head>
<body bgcolor="#CDC5BF">
<a href="index.html"><img src="main.png"></a>
<div align="center"><img src="kis2011_1.png" width="800" height="600" usemap="#fishki" border="0" hspace="27" />
<map id="fishki" name="fishki">
<area shape="rect" coords="230,15,350,142" alt="Индикатор состояния защиты" title="Индикатор состояния защиты" href="indicator.html" />
<area shape="rect" coords="3,140,260,200" alt="Центр защиты" title="Центр защиты" href="CenterZ.html" />
<area shape="rect" coords="3,210,260,272" alt="Безопасная среда" title="Безопасная среда" href="BezopasSreda.html" />
<area shape="rect" coords="3,277,260,338" alt="Проверка" title="Проверка" href="Proverka.html" />
<area shape="rect" coords="3,343,260,404" alt="Обновление" title="Обновление" href="Obnovlenie.html" />
<area shape="rect" coords="3,410,260,470" alt="Родительский контроль" title="Радительский контроль" href="RodControl.html" />
<area shape="rect" coords="3,476,260,535" alt="Инструменты" title="Инструменты" href="Instruments.html" />
<area shape="rect" coords="610,565,783,585" alt="Лицензия" title="Лицензия" href="liceziya.html" />
<area shape="rect" coords="22,568,300,600" alt="Интернет помощь" title="Интернет помощь" href="help.html" />
<area shape="rect" coords="515,35,787,62" alt="Остальное для работы" title="Остальное для работы" href="Work.html" />
</map></div>
</html>

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

Изменено пользователем -=WaMpIr=-
Ссылка на комментарий
Поделиться на другие сайты
Chimera-Syber Ветеран

Chimera-Syber

Опубликовано
Опубликовано

Конечно, могу ошибаться, но выскажусь. iframe никуда не спрячешь (могу ошибаться, ибо точно не знаю). То что ты хочешь стоит сделать через Javascript.

 

Конечно, как предложение. Может сделать это (http://kampolwampir.xaker.ru/Opisanie.html) через flash?

Ссылка на комментарий
Поделиться на другие сайты
-=WaMpIr=- Опытный

-=WaMpIr=-

Опубликовано
  • Автор
Опубликовано

У меня тоже проскользнула мысль про javascript. Возможно он и является решением проблемы. Но, поставить этот iframe в код у меня получилось, и при нажатии на ссылку страница обновляется и рядом с картинкой появляется тот самый iframe который я вставлял, но что бы его убрать, приходится заново обновлять страницу. Придётся искать подобное в java. Chimera-Syber хоть на этом спасибо! Но если кто-то знает как решить эту проблему ограничиваясь только HTML'ом, пожалуйста отпишитесь!

Ссылка на комментарий
Поделиться на другие сайты
-=WaMpIr=- Опытный

-=WaMpIr=-

Опубликовано
  • Автор
Опубликовано

Вот на этой странице описание тарифного плана (администрация, пожалуйста, не удаляйте ссылку) http://www.tatarstan.mts.ru/tariffs/liketo..._zero/full_rub/ где полная версия описания есть красный вопросительный знак, когда на него нажимаешь, выпадает окно, содержащее информацию.

Вот код этой части страницы:

<td>Исходящие вызовы на МТС других регионов России
	<sup>
		<img	border="0" 
				onclick="return showFootnotePopUp(event, 'footnote_964478')" 
				src="http://static.mts.ru/upload/images/f/dicon_question.gif"
				alt="" 
				style="cursor: pointer;" />
	</sup>
	</td>

Я так понял эта строчка:

onclick="return showFootnotePopUp(event, 'footnote_964478')"

как раз и выполняет "разворачивание" окошка на странице?

Ссылка на комментарий
Поделиться на другие сайты
kos1nus Ветеран

kos1nus

Опубликовано
Опубликовано (изменено)
Я так понял эта строчка:

onclick="return showFootnotePopUp(event, 'footnote_964478')"

как раз и выполняет "разворачивание" окошка на странице?

эта страчка только вызывает скрипт который как раз и выполняет "разворачивание" окошка на странице

 

а вот как раз вот этот скрипт делает то что надо.

Раскрывающийся текст:

	function getPosition(offsetTrail){
		var offsetLeft = 0;
			var offsetTop = 0;
			while(offsetTrail) {
				offsetLeft += offsetTrail.offsetLeft;
					offsetTop += offsetTrail.offsetTop;
					offsetTrail = offsetTrail.offsetParent;
			}
			return { left:offsetLeft, top:offsetTop }
	}
	
	function hideFootnotePopUp() {
		var div = document.getElementById('current_footnote');
		if (div != null) {
			div.className = 'footnote_new';
			div.style.display = 'none';
		}
			return false;
	}
	
	function showFootnotePopUp(evt, id) {
		var evt = evt || window.event;
		var o = evt.target || evt.srcElement;
	
		//Create new element
		var f = document.getElementById('current_footnote');
		if (f == null)
		{
			f = document.createElement('div');
			f.setAttribute('id', 'current_footnote');
			f.setAttribute('style', 'visibility: hidden; top: 0px; left: 0px; width:200px; height:auto;');
			f.setAttribute('class', 'footnote_new');
			document.body.appendChild(f);
		}
}
	
		f.style.visibility = 'hidden';
		f.style.display = 'block';
		
		//f.opacityFilter = 0;
		f.innerHTML = '<img src="/upload/images/design/x.gif" height="13" width="13" border="0" id="x_image" style="cursor:pointer;float:right;" onclick="hideFootnotePopUp();" /><div style="padding: 10px">' + document.getElementById(id).innerHTML + '</div>';
		f.className = 'footnote_new_active';
		
		//f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
		//f.style.opacity = f.opacityFilter;
	
		var o_coords = getPosition(o);
		var f_coords = getPosition(f);
	
		var calculatedTop = (f.offsetTop + (o_coords.top - f_coords.top));
		var calculatedLeft = (f.offsetLeft + (o_coords.left - f_coords.left));
	
		if (calculatedTop + f.offsetHeight > document.body.offsetHeight) calculatedTop = document.body.offsetHeight - f.offsetHeight;
		if (calculatedLeft + 200 > document.body.offsetWidth) calculatedLeft = document.body.offsetWidth - 220;
	
		f.style.top = calculatedTop + 'px';
		f.style.left = calculatedLeft + 'px';
	
		f.style.visibility = '';
	
		//window.setTimeout('animateFootNotePopUp()', 50);
	
		evt.cancelBubble = true;
		  return false;
	}
	
	/*function animateFootNotePopUp() {
		var f = document.getElementById('current_footnote');
		f.opacityFilter += 0.05;
		f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
		f.style.opacity = f.opacityFilter;
		if (f.opacityFilter < 1) window.setTimeout('animateFootNotePopUp()', 50);
	}*/

вы сможете объяснить этот код?

Изменено пользователем kos1nus
Ссылка на комментарий
Поделиться на другие сайты
AgentMC Опытный

AgentMC

Опубликовано
Опубликовано
kos1nus на каком языке скрипт на JavaScript ?

:) :friends: :punk: :good: :lol: :) :) :) :) :) :lool:

parkito, какой у тебя сетевой ник?

Среда - какой день недели?

Записать в анналы. Однозначно.

 

Придётся искать подобное в java.

Это вряд ли. JavaScript и Java - вещи СОВЕРШЕННО разные.

 

В общем, когда-то помогал одному товарищу, вот ссылка - по идее как раз то, что тебе надо. Только конечно описалки в отдельных фреймах с кодом в отдельных файлах - это жесть. Пожалей ГПРСников, это ведь на каждый файл по коннекту...

Так что, используя то, что по ссылке выше, как базу - сможешь сделать что-то адекватное своим желаниям.

 

 

эта страчка только вызывает скрипт который как раз и выполняет "разворачивание" окошка на странице

 

а вот как раз вот этот скрипт делает то что надо.

...

вы сможете объяснить этот код?

Да что тут объяснять кроме того, что в 35й строке не должно быть закрывающей фигурной скобки, а последняя функция вообще закоментирована (т.е. не работает)?

Ссылка на комментарий
Поделиться на другие сайты

Пожалуйста, войдите, чтобы комментировать

Вы сможете оставить комментарий после входа в



Войти
 Поделиться
Перейти к списку тем
×
×
  • Создать...