Перейти к содержанию

Вопрос про HTML

-=WaMpIr=-

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

 Share

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

-=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й строке не должно быть закрывающей фигурной скобки, а последняя функция вообще закоментирована (т.е. не работает)?

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

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

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



Войти
 Share
Перейти к списку тем

  • Похожий контент

    • Elly
      Вопросы к администрации по работе форума
      От Elly
      Вопросы по работе форума следует писать сюда. Вопросы по модерированию, согласно правилам, сюда писать не следует.
      Ответ можно получить только на вопрос, который грамотно сформулирован и не нарушает правил\устава форума.
    • igrok52
      Антивирус для Android вопросы
      От igrok52
      Подскажите пожалуйста. Антивирусом касперского пользуюсь много лет с 3.0 версии как все работает понимаю на пк. Подскажите пожалуйста кто знает по поводу Антивируса для Android устройств, не разу не ставил и вообще в экосистеме андроида не очень разбираюсь. Купил планшет дочке, загрузчик разблокирован, что там поставили понятия не имею, все работает но боюсь что есть какие то закладки от "китайцев" и пока не проверю не успокоюсь. Поможет антивирус касперского для андроида найти закладки или что то что может быть типа как в телефонах в китайских были закладки от китайцев которые смс отправляли на странные номера (лет 5 назад была эпидемия что и кнопочные и смартфоны дешевые слали смс по ночам в неизвестном направлении, оказалось что прошивка была с вирусами). Или для андроида версия может проверять только apk и не сможет увидеть что в системе есть вредоносы? Если что планшет из нашего ретейла, подумать не мог что у нас в солидных магазинах будут продавать планшеты с китайской прошивкой с разблокированным загрузчиком (Lenovo Xiaoxin Pad Pro 12.7).
    • MiStr
      Задай вопрос Елене Лесных!
      От MiStr
      Цикл интервью с экспертами "Лаборатории Касперского" сезона 2024 года возобновляется
       
      На прошедшей в стенах "Лаборатории Касперского"  встрече , приуроченной к 18-летию Kaspersky Club, участники клуба пообщались с Еленой Лесных, старшим продуктовым маркетологом в подразделении мобильных продуктов в продуктовом маркетинге B2C. Елена рассказала о том, как была усилена защита от киберугроз и мошенников в последних обновлениях мобильной версии Kaspersky и Kaspersky Who Calls.
       
      Выступление Елены и её коллеги Никиты вызвало большой интерес у участников клуба. Не все присутствующие на встрече смогли задать свои вопросы, не говоря уже про тех, кто не смог посетить офис "Лаборатории Касперского". Именно поэтому мы пригласили Елену ещё раз пообщаться с участниками клуба, на этот раз в формате онлайн
       
      @Lena_Lesnykh готова отвечать на вопросы участников клуба по 18 октября 2024 года включительно. Традиционно интервьюируемой будет выбран лучший вопрос, автор которого получит подарок от клуба. Вопросы можно начинать задавать уже сейчас.
       

       
       
    • pokrac
      [Расшифровано]Вирус не дает открыть никакой файл, обои с надписью "напишите сюда "тг" для решения вопроса" Lock. перед каждым файлом
      От pokrac
      Давал ребенкоу поиграть в компьютер, что то скачивал, по итогу ночью открываю компьютер, а у меня все файлы с префиксом Lock. ничего не открывается, ну и смена обоев, с тг аккаунтом для решения вопроса
    • esc.tech
      Вопрос для улучшения безопасности от зашифрованных вирусов (FUD fully undetectable)
      От esc.tech
      Здравствуйте, я бы хотел у вас спросить, когда вы добавите в свой антивирус дополнительное сканирование файлов? Так как в последнее время люди уже начинают шифровать вирусы что делает его незамеченным и ваш антивирус не замечает его. 

×
×
  • Создать...