[jquery] dialog verschijnt niet bij muis

Door christoph e op 07-04-2014 12:08

633 views

Hallo,

Ik probeer een bioscoop programma weergave te maken. Ik heb een knopje "trailer" bij iedere film maar wanneer je erop klikt verspringt de pagina en hij gaat terug na het klikken op het kruisje.

Voorbeeld: http://moviechecker.be/widget/programma/

Dit werkt dus niet:


/*=== trailer weergeven ===*/
	$(document).on("click", ".trailer", function() {
		var yt_id = $(this).attr('id');
		$("span.ui-dialog-title").text('Trailer'); 
		$("#popup_body").html('<iframe type="text/html" width="100%" height="500px" src="https://www.youtube.com/embed/' + yt_id + '?autoplay=1" frameborder="0"/>');
		$("#popup").dialog("open").dialog('option', 'position',[e.pageX,e.pageY]); <== werkt dus niet.
	});

Hoe kan het nog?
Mvg. Christophe

Frank Nietbelangrijk

07-04-2014 12:20 gewijzigd op 07-04-2014 12:25

ik zie niets bijzonders?

Michael -

07-04-2014 13:13

Even google op 'div at mouse position' levert mij het volgende antwoord op


var mouseX;
var mouseY;
$(document).mousemove( function(e) {
   mouseX = e.pageX; 
   mouseY = e.pageY;
});

Die variabelen kun je dan in je eigen script weer gebruiken


/*=== trailer weergeven ===*/
    $(document).on("click", ".trailer", function() {
        var yt_id = $(this).attr('id');
        $("span.ui-dialog-title").text('Trailer'); 
        $("#popup_body").html('<iframe type="text/html" width="100%" height="500px" src="https://www.youtube.com/embed/' + yt_id + '?autoplay=1" frameborder="0"/>');
        $("#popup").dialog("open").dialog('option', 'position',[mouseX,mouseY]);
    });

christoph e

07-04-2014 13:56

het is niet echt wat ik verwachten, wel wat ik wilden.

Kan ik er voor zorgen dat hij center in het scherm en niet in de pagina?

dus in het midden horizontaal en verticaal op het scherm en niet weg scrollend.

Michael -

07-04-2014 14:03 gewijzigd op 07-04-2014 14:04

Wat is er mis met je google? ;) Google eens 'jquery center of screen' of 'div center of screen'.

Je zou het met CSS kunnen doen of een combinatie met jQuery om je positie/hoogte/breedte te bepalen.

Reageren

Inloggen om te reageren