С нами с 14.09.08
Сообщения: 95
Рейтинг: 3
|
Добавлено: 12/07/09 в 15:11 |
Большая проблема - найти специалистов по ява скриптам)
Есть пара целей.
1. Нужно, что бы при нажатии на ссылку вылетала ссылка которая и была по сути там вбита с параметром target=_blank, а так же нужно, что бы в том же окне в котором была нажата ссыла и ныне не активном открывалась другая указанная страница.
2. Есть картинка фон, к примеру рамка от плеера проигрывателя. Так вот нужно, что бы в эту рамку вставлялась нужная картинка, и ее можно было менять, тоесть фотошоп тут не поможет, все что бы на лету происходило. Я думаю, что это как-то можно реализовать через div'ы.
Кто может подсказать, помочь, реализовать? Готов заплатить за решение данных проблем.
Пишите в аську, если есть что по делу, а если пофлудить, то пишем тут
|
|
|
|
С нами с 01.04.07
Сообщения: 4378
Рейтинг: 2970
|
Добавлено: 12/07/09 в 15:28 |
1. onclick="document.location.href='tvoy_ssilk'"
2. Если я правильно понял, ищи "javascript image rollover"
|
|
|
|
С нами с 14.09.08
Сообщения: 95
Рейтинг: 3
|
Добавлено: 12/07/09 в 18:22 |
1. Все получилось, спасибо большое!
2. Ролловер - немного не то, тут при наведении меняется картинка к примеру, а нужно что бы у меня статически по верх рамки накладывалась картинка.
Объясню суть поподробней. Есть видео сидж. Человек кликает по тумбе - открывается страница, на которой как будто появляется плеер с этим видео, а на самом деле это просто рамка плеера
|
|
|
|
С нами с 05.05.05
Сообщения: 1913
Рейтинг: 1134
|
Добавлено: 12/07/09 в 18:28 |
Код: |
<script src='jquery-1.3.2.js'></script>
<script>
function init()
{
$('a').click(function(){$(this).css("target","_blank"); document.location.replace("http://www.google.com");});
}
$(document).ready(init);
</script> |
|
|
|
|
zza
С нами с 19.10.03
Сообщения: 9911
Рейтинг: 4827
|
Добавлено: 12/07/09 в 18:31 |
Egis писал: |
1. Нужно, что бы при нажатии на ссылку вылетала ссылка которая и была по сути там вбита с параметром target=_blank, а так же нужно, что бы в том же окне в котором была нажата ссыла и ныне не активном открывалась другая указанная страница.
|
дак это ж опенер почти )
|
|
|
|
С нами с 14.09.08
Сообщения: 95
Рейтинг: 3
|
Добавлено: 12/07/09 в 18:37 |
Не опенер, это будет осуществляться переход по моему сайту, а не по чужому.
|
|
|
|
С нами с 05.05.05
Сообщения: 1913
Рейтинг: 1134
|
Добавлено: 12/07/09 в 18:37 |
так это и есть опенер
однако только в том случае если есть доступ к сорсу урла
|
|
|
|
С нами с 06.03.03
Сообщения: 1650
Рейтинг: 1096
|
Добавлено: 12/07/09 в 18:39 |
Egis писал: |
Объясню суть поподробней. Есть видео сидж. Человек кликает по тумбе - открывается страница, на которой как будто появляется плеер с этим видео, а на самом деле это просто рамка плеера |
ты хочешь чтобы при клике на тумбу открывалась страница, где нарисован типа плеер, но не настоящий, а просто рамка, стилизованная под плеер, а внутри нее была соответствующая этой тумбе картинка, так?
тогда это вообще лучше на пхп делать. вначале рисуешь хтмл в плеером как оно должно выглядеть, получится что то типа <div style="..."><img src="..."></div>. потом сохраняешь файл например как player.php, а на месте src="..." пишешь src="<?php echo strip_tags(@$_REQUEST['img']); ?>" и линкуешь с тумбы на эту пагу так: player.php?img=preview1.jpg
где preview.jpg собсно картинка которую нужно в плеере показать.
|
|
|
|
С нами с 01.04.07
Сообщения: 4378
Рейтинг: 2970
|
Добавлено: 12/07/09 в 18:49 |
|
|
|
|
С нами с 14.09.08
Сообщения: 95
Рейтинг: 3
|
Добавлено: 12/07/09 в 20:22 |
Как реализовать передачу параметров я знаю, проблема состоит лишь в том, как сделать, что бы тумба вставлялась именно в то место, где по сути должен находиться виде ролик в плеере. То есть нужно поставить изображение на определенные координаты в слое, фоном которого является рамка плеера.
|
|
|
|
С нами с 06.03.03
Сообщения: 1650
Рейтинг: 1096
|
Добавлено: 12/07/09 в 23:11 |
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 дело это неблагодарное. подключи ее, а там есть все для работы с позиционированием и даже больше, сделаешь все как надо без головняка.
|
|
|
|
С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538
|
Добавлено: 12/07/09 в 23:23 |
Egis писал: | ... нужно поставить изображение на определенные координаты в слое, фоном которого является рамка плеера. |
Код: | <html>
<body>
<script language="JavaScript">
function Paste()
{
var img = document.createElement('img');
img.src = 'file:///c:/xxx.jpg';
img.style['position']='absolute';
img.style['top']=document.images["player"].offsetTop+20;
img.style['left']=document.images["player"].offsetLeft+5;
document.body.appendChild(img);
}
</script>
<img name="player" style="z-index:-1;" src="file:///c:/player.jpg"/>
<form>
<input type=button value="Paste" onClick="Paste()">
</form>
</body>
<html> |
|
|
|
|
С нами с 01.04.07
Сообщения: 4378
Рейтинг: 2970
|
Добавлено: 12/07/09 в 23:34 |
Гым. А что мешает, плеер сделать фоном no-repeat, paddingами и marginами подогнать и не мудрить с жаваскриптом?
Обычный CSS
|
|
|
|
С нами с 14.09.08
Сообщения: 95
Рейтинг: 3
|
Добавлено: 13/07/09 в 05:50 |
Попробовал сделать как посоветовал 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>
Всем большое спасибо за помощь!
|
|
|
|