Новая тема   Ответить

 Egis
Большая проблема - найти специалистов по ява скриптам)
Есть пара целей.

1. Нужно, что бы при нажатии на ссылку вылетала ссылка которая и была по сути там вбита с параметром target=_blank, а так же нужно, что бы в том же окне в котором была нажата ссыла и ныне не активном открывалась другая указанная страница.

2. Есть картинка фон, к примеру рамка от плеера проигрывателя. Так вот нужно, что бы в эту рамку вставлялась нужная картинка, и ее можно было менять, тоесть фотошоп тут не поможет, все что бы на лету происходило. Я думаю, что это как-то можно реализовать через div'ы.

Кто может подсказать, помочь, реализовать? Готов заплатить за решение данных проблем.

Пишите в аську, если есть что по делу, а если пофлудить, то пишем тут

 Alexandur
1. onclick="document.location.href='tvoy_ssilk'"
2. Если я правильно понял, ищи "javascript image rollover"

 Egis
1. Все получилось, спасибо большое!
2. Ролловер - немного не то, тут при наведении меняется картинка к примеру, а нужно что бы у меня статически по верх рамки накладывалась картинка.

Объясню суть поподробней. Есть видео сидж. Человек кликает по тумбе - открывается страница, на которой как будто появляется плеер с этим видео, а на самом деле это просто рамка плеера

 freeek
Код:

 3Sky
Egis писал:

дак это ж опенер почти )

 Egis
Не опенер, это будет осуществляться переход по моему сайту, а не по чужому.

 freeek
так это и есть опенер
однако только в том случае если есть доступ к сорсу урла

 webboxxx
Egis писал:

ты хочешь чтобы при клике на тумбу открывалась страница, где нарисован типа плеер, но не настоящий, а просто рамка, стилизованная под плеер, а внутри нее была соответствующая этой тумбе картинка, так?
тогда это вообще лучше на пхп делать. вначале рисуешь хтмл в плеером как оно должно выглядеть, получится что то типа <div style="..."><img src="..."></div>. потом сохраняешь файл например как player.php, а на месте src="..." пишешь src="<?php echo strip_tags(@$_REQUEST['img']); ?>" и линкуешь с тумбы на эту пагу так: player.php?img=preview1.jpg
где preview.jpg собсно картинка которую нужно в плеере показать.

 Alexandur
Как уже сказали, лучше реализовать на стороне сервера.

Ну или извратиться и передавать имя картинки HTMLу.

Что-то вроде: player.html?picture1.jpg

На стороне player.html получить получить полный адрес:
Код:
и потом с помощью регулярных выделить имя картинки.

Вот тебе два варианта:
http://www.netlobo.com/url_query_string_javascript.html
http://www.idealog.us/2006/06/javascript_to_p.html

Как-то так.

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

 webboxxx
var div = document.createElement('DIV');
var img = document.createElement('IMG');
img.src = 'урл картинки';
div.appendChild(img);
div.style.position = 'absolute';
div.style.backgroundColor = 'white';
var player = document.getElementById('player_element_id'); // ID плеера
div.style.top = player.style.top;
div.style.left = player.style.left;
document.body.appendChild(div);

ну вот примерный код как динамически наложить слой поверх. вроде может не работать если top и left плеера не прописаны в стиле плеера. вобщем без кроссбраузерной библиотеки вроде prototype.js дело это неблагодарное. подключи ее, а там есть все для работы с позиционированием и даже больше, сделаешь все как надо без головняка.

 Yacc
Egis писал:

Код:

 Alexandur
Гым. А что мешает, плеер сделать фоном no-repeat, paddingами и marginами подогнать и не мудрить с жаваскриптом?
Обычный CSS

 Egis
Попробовал сделать как посоветовал Yacc - все получилось, даже имитировать загрузку идео получилось, но не получилось залинковать подгружаемую картинку на какую-либо ссылку. Пришлось отказаться от варианта.

В итоге, подумав, решил, что дествительно - проще будет сделать опзициями на цсс. Получилось очень просто:

<div style="background: url('player.jpg') no-repeat; width:595px; height:468px;">
<a href="go.php?action=play">
<img src="1.jpg" style="width:577px; height:435px; margin-top:12px;">
</a>
</div>



Всем большое спасибо за помощь!