Реклама на сайте Advertise with us

Java Script & HTML нужна помощь

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 14.09.08
Сообщения: 95
Рейтинг: 3

Ссылка на сообщениеДобавлено: 12/07/09 в 15:11       Ответить с цитатойцитата 

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

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

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

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

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

0
 



С нами с 01.04.07
Сообщения: 4378
Рейтинг: 2970

Ссылка на сообщениеДобавлено: 12/07/09 в 15:28       Ответить с цитатойцитата 

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

3
 



С нами с 14.09.08
Сообщения: 95
Рейтинг: 3

Ссылка на сообщениеДобавлено: 12/07/09 в 18:22       Ответить с цитатойцитата 

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

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

0
 



С нами с 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>

3
 

zza

С нами с 19.10.03
Сообщения: 9911
Рейтинг: 4827


Передовик Master-X (01.06.2011) Передовик Master-X (16.06.2011) Передовик Master-X (16.03.2014) Передовик Master-X (01.04.2014)
Ссылка на сообщениеДобавлено: 12/07/09 в 18:31       Ответить с цитатойцитата 

Egis писал:

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


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

pi

0
 



С нами с 14.09.08
Сообщения: 95
Рейтинг: 3

Ссылка на сообщениеДобавлено: 12/07/09 в 18:37       Ответить с цитатойцитата 

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

0
 



С нами с 05.05.05
Сообщения: 1913
Рейтинг: 1134

Ссылка на сообщениеДобавлено: 12/07/09 в 18:37       Ответить с цитатойцитата 

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

0
 



С нами с 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 собсно картинка которую нужно в плеере показать.

2
 



С нами с 01.04.07
Сообщения: 4378
Рейтинг: 2970

Ссылка на сообщениеДобавлено: 12/07/09 в 18:49       Ответить с цитатойцитата 

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

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

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

На стороне player.html получить получить полный адрес:
Код:
var reg_pic = document.location.href;

и потом с помощью регулярных выделить имя картинки.

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

Как-то так.

1
 



С нами с 14.09.08
Сообщения: 95
Рейтинг: 3

Ссылка на сообщениеДобавлено: 12/07/09 в 20:22       Ответить с цитатойцитата 

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

0
 



С нами с 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 дело это неблагодарное. подключи ее, а там есть все для работы с позиционированием и даже больше, сделаешь все как надо без головняка.

3
 



С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538


Передовик Master-X (01.11.2009) Передовик Master-X (16.11.2009) Передовик Master-X (01.02.2011) Передовик Master-X (01.12.2011) Передовик Master-X (16.12.2011) Ветеран трепа Master-X (01.01.2014)
Ссылка на сообщениеДобавлено: 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>

3
 



С нами с 01.04.07
Сообщения: 4378
Рейтинг: 2970

Ссылка на сообщениеДобавлено: 12/07/09 в 23:34       Ответить с цитатойцитата 

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

3
 



С нами с 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>

smail54.gif

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

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »