Подмена кода php include при наведении на ссылку
Здравствуйте гуру по javascript!
Есть такая задача.... Как при наведении на ссылку (картинку) подменялся код в <?php include 'http://www.site.com/file.php';?>. Например наводиш, появляеться http://www.site.com/file1.php';?> Убираешь курсор, появляеться http://www.site.com/file.php';?>. Если это возможно? Если нет, то как подменить при наведении на ссылку часть кода html например такой <DIV class="path"><A href="http://site.com">Главная</A></DIV> |
PHP инклуд - это серверная часть, она выполняется на сервере и не может контролироваться JS, который выполняется на стороне пользователя.
См код, надеюсь всё понятно будет. Это код на странице: <a onMouseOver='change()' onMouseOut='chenge_back()'>Ссылка, на которую наводить</a> <div id='changeble'> <a href='http://site.ru/'>Главная</a> </div> Код в header
<script type="text/javascript">
function change()
{
var div = getElementById('changeble'); //находим элемент по его id
div.innerHTML = "<a href='http://url.ru/'>Новая ссылка</a>"; //изменяем содержимое элемента
}
function chenge_back()
{
var div = getElementById('changeble');
div.innerHTML = "<a href='http://site.ru/'>Главная</a>";
}
</script>
PS уважаемые гуру, просьба не ругаться и не писать о том, что это можно было сделать более емким кодом, одной функцией и т.д.... я написал специально максимально раскрыто, чтобы человеку было понятно. |
Вставил, но почему-то не работает ???
Вот пример http://tochka-vrn.ru/primer.html |
Люди, помогите кто можете... срочо нужно
|
мда.. действительно ошибочка укралась.. поленился проверять код..
<html>
<head>
<TITLE>Пример</TITLE>
<script type="text/javascript">
function change()
{
var div = document.getElementById('changeble');
div.innerHTML = "<a href='http://url.ru/'>Новая ссылка</a>";
}
function change_back()
{
var div = document.getElementById('changeble');
div.innerHTML = "Пример содержимого, которое нужно изменить";
}
</script>
</head>
<body>
<a href="#" onMouseOver="change();" onMouseOut="change_back();">Ссылка, на которую наводить</a>
<div id='changeble'>
Пример содержимого, которое нужно изменить
</div>
</body>
</html>
|
Работает))) Спасибо огромное! А где ошибочка таилась то?
|
Ещё вопрос,если не в тягость будет.
Есть на станице <div class="class1" id="class1"> Как при наведении на ссылку подменить на сайте все class и id? Только что бы вставить всето class="class1" код java и всё.... а при наведении всё изменялось |
по классу менять - не самое лучшее решение, ибо разные браузеры по разному называют классы...
проще по id, тогда не запутаетесь.. проставляйте id для элементов и будет Вам счастье. |
Цитата:
|
Есть на станице
<DIV id="primer1" ></DIV> <DIV id="primer2" ></DIV> <DIV id="primer3" ></DIV> нужно чтобы при наведении на одну эту ссылку всё менялось на <DIV id="primer1.1" ></DIV> <DIV id="primer2.1" ></DIV> <DIV id="primer3.1" ></DIV> Как это лучше и проще сделать? |
т.е не один <DIV id="primer1" ></DIV> менялся а все
<DIV id="primer1" ></DIV> <DIV id="primer2" ></DIV> <DIV id="primer3" ></DIV> причём на разные, какие мне нужны. Как лучше сделать, подменить всё содержимое полностью, или можно только ID поменять... |
Цитата:
|
Цитата:
|
А задача общая такая: в CSS к этим всем Div прописан фон-картинка.(у каждого Div свой фон картинка)
Нужно чтобы при наведении на ссылку у всех Div которые мне нужны, менялась заливка картинка. А как убираешь курсор с ссылки, всё возращалось обратно. Я хочу подменять CSS при наведении на ссылку у Div. Или можно здесь проще мыслить)? |
Kolyaj,
А как нужно? |
Цитата:
Код:
#div { |
pavdin, конечно извращенский вариант с точки зрения верстки, но зато не потребует практически никаких знаний JS.
для каждого div создаёте еще один блок с display:none и установленным bacground ... при наведение на ссылку - резко показываете все эти "скрытые" блоки.. при убирание ссылки - прячете.. полнейший изврат, зато селать легко... ну и как более приличный вариант: - для каждого дива делаете атрибут например "change_backroung" (это неизвестный браузерам атрибут. - при наведение на ссылку - собираете массив всех дивов и проходясь по каждому определяете его change_backroung и устанавливаете div.style.background таким же, как и прописано в change_background - при убирание мышки со ссылки - для всех стираете нафиг все div.style.background этот вариант не совсем корректен, но если не хочется особо извращаться, то воспользоваться можно;) (я так делал пару раз, когда лениво было - работает на ура) |
Ни чего не понял.... вот пример...
Нужно добавить в код, картинка 2 и картинка3 http://tochka-vrn.ru/primer.html |
Цитата:
|
Цитата:
|
Цитата:
Цитата:
PS сугубо личное ИМХО |
В IE5 не работает apply, не используйте этот метод!
|
evguenyk,
как вы css-класс у элементов меняете? |
Kolyaj,
вообще не меняю. если нужно что-то изменить, то меняю на "лету" в div.style... PS я всётаки больше с php работал... js начал осваивать всего 2 месяца назад... поставленные задачи пока все смог решить.. о, что я недавно кожу на JS делает код предельно читабельным и максимально удобным, без особых изысков.. |
Цитата:
Цитата:
|
Цитата:
Цитата:
|
Пффф... господа, давайте оставим эту тему... мы уж очень сильно отвлеклись от помощи ТС...
Octane, да, мне так действительно удобнее.. минусы знаю и помню)) |
Получилось.... Спасибо огромное....
Вот промер того, что я хотел.... Нажимаешь на логотип и .... ;). Супер.... А реально сделать, чтобы картинки, которые подменяются, подменялись плавно туда и обратно? |
|
pavdin,
очень милый дизайн ;) и задумка классная ;) |
| Часовой пояс GMT +3, время: 11:52. |