Форум

Vempel · #11 (**permalink**) 05.06.2013, 15:12

Я не говорю об интеграции в сайт. Я прошу просто пример чего-то похожего. Вот то что у меня и почему-то оно не работает.

function show() {
	var menu = document.getElementByid('my');
	my.style.display = 'block';
}
function hide() {
	var menu = document.getElementByid('my');
	my.style.display = 'none';
}
function init() {
	var menu = document.getElementByid('my');
	menu.onmouseover = show;
	menu.onmouseout = hide;
}

3 функции на первой показывается на второй скрывается. а 3 вызывается через window.onload при загрузке страницы. Но почему-то это у меня не работает. Заранее благодарен за любую помощь.

ksa · #12 (**permalink**) 05.06.2013, 15:12

Сообщение от dmitriymar

конечно написать всё с учётом интеграции в сайт и показать т.с

Вот жешь попадалово...

Может отделаюсь примером?

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
li {
	position: relative;
	display: inline-block;
}
li > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	display: none;
	opacity: 0.7;
}
li:hover > div {
	display: block;
}
li > .text {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	font-size: 18pt;
	display: none;
}
li:hover > .text {
	display: block;
}
li > .money {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 24pt;
	display: none;
}
li:hover > .money {
	display: block;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ul>
	<li>
		<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' />
		<div></div>
		<p class='text'>text</p>
		<p class='money'>1000</p>
	</li>
	<li>
		<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' />
		<div></div>
		<p class='text'>text new</p>
		<p class='money'>2000</p>
	</li>
</ul>
</body>
</html>

ksa · #13 (**permalink**) 05.06.2013, 15:13

Сообщение от Vempel

Вот то что у меня и почему-то оно не работает.

Таки выкинь...

Vempel · #14 (**permalink**) 05.06.2013, 15:18

Вопрос не в этом. У меня много товаров не буду же я для каждого товара вручную прописывать div и двигать с помощью позиционирования. (положение всплывашки каждый раз будет разное). Поэтому насколько я понимаю средствами css эту проблему не решить. Вот страничка с товарами. http://magest.bget.ru/catalog/sumki

dmitriymar · #15 (**permalink**) 05.06.2013, 15:19

Сообщение от Vempel

хотя, говнокод редкостный, для каждого события прописывать и контейнер..

Сообщение от Vempel

У меня много товаров не буду же я для каждого товара вручную прописывать div и двигать с помощью позиционирования.

Вот поэтому админки и cms придумали

Vempel · #16 (**permalink**) 05.06.2013, 15:22

Я не спорю код может быть и херовый, но зато простой. Если можешь подскажи что тут исправить. Я так понимаю мою задачу нельзя решить на css.

dmitriymar · #17 (**permalink**) 05.06.2013, 15:24

Сообщение от Vempel

Я так понимаю мою задачу нельзя решить на css.

animhotep,и ksa , уже показали решение css-ное

Vempel · #18 (**permalink**) 05.06.2013, 15:24

Сообщение от dmitriymar

хотя, говнокод редкостный, для каждого события прописывать и контейнер..

Вот поэтому админки и cms придумали

cms добавляет товар, а расположение картинки насколько я понимаю каждый раз будет разное. Поэтому css здесь не применим.

dmitriymar · #19 (**permalink**) 05.06.2013, 15:26

Сообщение от Vempel

cms добавляет товар, а расположение картинки насколько я понимаю каждый раз будет разное. Поэтому css здесь не применим

а если ещё подумать?

Vempel · #20 (**permalink**) 05.06.2013, 15:26

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

Форум

Справочник

Discord чат

Курсы javascript