[JavaScript]łączenie skryptów Opcje

[nikestylex7]

Witam. Mam problem ponieważ napisałem skrypt który otwiera mi okno dialogmodal w którym mam formularz i drugi skrypt który wyświetla dymki czyli tooltipy po najechaniu. Skrypty działają tzn dialog działa zawsze a tooltip tylko jak pracuje na dom bo gdy chce aby tooltip działał w tym dialogu to nie działa.

[PHP] pobierz, plaintext 
$(document).ready(function(){
$('#RegDialogRegister').click(function() {
openDialog('#RegDialog');
});
$('#RegDialog')
.find('.cancel')
.live('click', function() {
closeDialog(this);
})
.end()
.find('.cancel')
.live('click', function() {
// Clicked disagree!
console.log('clicked disagree!');
});
});
 
function openDialog(selector) {
$(selector)
.clone()
.show()
.appendTo('#RegDialogOverlay')
.parent()
.fadeIn('fast');
}
 
function closeDialog( selector ) {
$(selector)
.parents('#RegDialogOverlay')
.fadeOut('fast', function() {
$(this)
.find('.dialog')
.remove();
});
}
[PHP] pobierz, plaintext 

i tooltip

[PHP] pobierz, plaintext 
$(document).ready(function(){
$('.RegDialogTitle').hover(function(e){
// Hover over code
var titleText = $(this).attr('title');
$(this)
.data('tipText', titleText)
.removeAttr('title');
 
$('<p class="tooltip"></p>')
.text(titleText)
.appendTo('#RegDialogOverlay')
.css('top', (e.pageY - 10) + 'px')
.css('left', (e.pageX + 20) + 'px')
.fadeIn('slow');
}, function() {
// Hover out code
$(this).attr('title', $(this).data('tipText'));
$('.tooltip').remove();
}).mousemove(function(e){
// Mouse move code
$('.tooltip')
.css('top', (e.pageY - 10) + 'px')
.css('left', (e.pageX + 20) + 'px');
});
});
[PHP] pobierz, plaintext 

Ten post edytował nikestylex7 15.02.2014, 23:42:34

[Damonsson]

pokaż w jsfiddle.net

Ten post edytował Damonsson 16.02.2014, 00:05:53