Здравствуйте, нужна ваша профессиональная помощь в реализации работы 2 скриптов... один из которых вы помогали делать, а с другим мне пришлось помучиться чтобы он заработал (кстати вы можете этот скрипт на jQuery) опубликовать на своем сайте, если конечно сочтете нужным.
1. Имеется скрипт, который при наведении на ссылку, запускает видео, после клика меняется как ссылка, так и title.
Код:
function play_video(id_video){
var player=document.getElementById(id_video);
if (player.paused) player.play();
else player.pause();
}
function str_replace(search, replace, subject) {
return subject.split(search).join(replace);
}
function change_link(id_video,link_id){
var link=document.getElementById(link_id);
if (id_video.paused) {
link.innerHTML=str_replace("Остановить", "Смотреть", link.innerHTML);
link.setAttribute('title', str_replace("Остановить", "Смотреть", link.getAttribute('title')));
}
else {
link.innerHTML=str_replace("Смотреть", "Остановить", link.innerHTML);
link.setAttribute('title', str_replace("Смотреть", "Остановить", link.getAttribute('title')));
}
}
т.е. в данном случае title обычный, т.е при наведении показывается "Смотреть", далее после запуска видео, наводим повторно показывается "Остановить", что в принципе логично и это работает.
2. Что требуется, чтобы при наведении title не пропадал, а был все время, для этого я и делал 2 скрипт на jQuery и он работает отлично, теперь самое главное - title все время показывается "Смотреть", так как скрипт на jQuery работает при наведении, но если подключается, в нашем случае 1 скрипт, то 1 скрипт перестает работать, а если я например, хочу видео остановить и снова навожу на ссылку (кстати ссылка меняется нормально, т.е если видео не запущено, то "Смотреть", а если проигрывается то "Остановить"), то title не работает, все время показывается title "Смотреть", хотя должен быть "Остановить".
Короче, сам jQuery код:
Код:
$(document).ready(function(){
$(".указываем класс или id").toolTip_text();
});
(function($) {
$.fn.toolTip_text = function(options){
var defaults = {
xOffset: 15,
yOffset: -15,
toolTip_textId: "toolTip_text",
clickRemove: false,
content: "",
useElement: ""
};
var options = $.extend(defaults, options);
var content;
this.each(function() {
var title = $(this).attr("title");
$(this).hover(function(e){
content = (options.content != "") ? options.content : title;
content = (options.useElement != "") ? $("#" + options.useElement).html() : content;
$(this).attr("title","");
if (content != "" && content != undefined){
$("body").append("<div id='"+ options.toolTip_textId +"'>"+ content +"</div>");
$("#" + options.toolTip_textId)
.css("position","absolute")
.css("top",(e.pageY - options.yOffset) + "px")
.css("left",(e.pageX + options.xOffset) + "px")
.css("display","none")
.css("width","")
.fadeIn("fast")
}
},
function(){
$("#" + options.toolTip_textId).remove();
$(this).attr("title",title);
});
$(this).mousemove(function(e){
$("#" + options.toolTip_textId)
.css("top",(e.pageY - options.yOffset) + "px")
.css("left",(e.pageX + options.xOffset) + "px")
});
if(options.clickRemove){
$(this).mousedown(function(e){
$("#" + options.toolTip_textId).remove();
$(this).attr("title",title);
});
}
});
};
})(jQuery);
Скрипт универсальный, работает на всех браузерах, через css можно оформить подсказку, как захочется, тут все работает, прописываем в css класс toolTip_text (при желании можно поменять, а у меня такой класс прописан)
Вот примерно, как-то так, 1 скрипт работает OK (подсказка появляется кратковременно и она меняется в зависимости от того, что на нужно, запустить видео или остановить, меняется и ссылка и сам title), 2 скрипт работает разово, т.е навели на ссылку - показывается title, так вот мне нужно чтобы title работал как и для 1 скрипта, появлялся и показывался но не пропадал, что важно для пользователя, да и для дизайна.
Буду вам очень благодарен за помощь, сам пытался, сделать так чтобы 2 скрипта заработали, но не выходит, хотя знаю что скрипты абсолютно разные.
Заранее благодарен