Forum PHP.pl

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

Skoro Dialog jest dodawany późnie do DOM, a tooltip działa dla document ready, to po prostu tooltip nie widzi tego.
Musisz dać tolltip w dialog i operować na tym elemencie, albo osobno ale wtedy działać live na DOM. Więc coś w stylu:

[JAVASCRIPT] pobierz, plaintext 
$('body').on('hover', '.RegDialogTitle', function(e){
[JAVASCRIPT] pobierz, plaintext 

zamiast:

[JAVASCRIPT] pobierz, plaintext 
$('.RegDialogTitle').hover(function(e){
[JAVASCRIPT] pobierz, plaintext 

zmieniłem te linie kodu lecz dalej nic. Inne sugestie ?

pokaż w jsfiddle.net

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

http://jsfiddle.net/JDabW/3/

?

Ten post edytował nikestylex7 16.02.2014, 01:01:24

http://jsfiddle.net/JDabW/4/

Git?

Właśnie nie bo tytuły dalej się nie wyświetlają. Każdy tytuł który jest przy inpucie powinien się pojawiać

dzięki pozmieniałem u zyskałem mój efekt

http://jsfiddle.net/JDabW/6/

Ten post edytował nikestylex7 16.02.2014, 02:32:35