Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di Fichico
    Registrato dal
    Nov 2002
    residenza
    Bologna
    Messaggi
    581

    [JQuery] Dialog box e mouseover/click img

    ho un dialog box che si apre correttamente dove carico dei report di operazioni di invio mail
    Il report consta in una tabella con, nell'ultima colonna di ogni riga, delle immagini che funzionano da icone e che, se clikkate, dovrebbero caricare una determinata pagina.

    Il mio problema è che delle immagini all'interno del modal non riesco a variare nessun comportamento sia di mouseover che di click, nel caso specifico le immagini hanno classe viewpubb

    questa la struttura:
    codice:
    ...
    <div id="dialog-message" title="Storico Pubblicit&agrave;">
    	<div id="tracciabilita"><?funzione PHP con il report e le immagini con classe viewpubb?></div>
    </div>
    ....
    e questo il file js incluso nella pagina:
    codice:
    $(document).ready(function(){
    	// ICONA VISUALIZZA SCHEDA PUBBLICITA
    	$('#tracciabilita img.viewpubb').mouseover(function (){
    		$(this).css('cursor', 'pointer');
    		$(this).css('cursor', 'hand');
    		alert("ciao - over");
    	});
    	$('#tracciabilita img.viewpubb').click(function(){
    		alert("ciao - click");
    	});
    	// finestra tracciabilita' media
    	$(function() {
    		// finestra di scelta località
    		$( "#dialog-message" ).dialog({
    			autoOpen: false,
    			resizable: false,
    			width: 800,
    			height: 500,
    			modal: true,
    			buttons: {
    				Chiudi: function() {
    					$(this).dialog( "close" );
    				}
    			}
    		});
    	});
    });
    come posso risolvere???

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, quella parte di codice la genera il plug in??
    Se si sul ready probabilmente gli elementi non esistono ancora e quindi non hanno effetto le tue modifiche.

    le modifiche al css .css() potresti farle da css direttamente magari.
    Per l'onclick forse usando :


    $('#tracciabilita img.viewpubb').live('mouseover',function (){
    $(this).css('cursor', 'pointer');
    $(this).css('cursor', 'hand');
    alert("ciao - over");
    });

    potrebbe funzionare.

    A parte queto ho visto che hai messo l inizializzazione di dialog con $(function() {...

    Corrisponde al ready e' solo la sintassi abbreviata, ne basta uno di ready per tutti.

  3. #3
    Utente di HTML.it L'avatar di Fichico
    Registrato dal
    Nov 2002
    residenza
    Bologna
    Messaggi
    581
    perfetto, risolto il mistero
    è strano cmq perchè il codice php genera sempre codice html anche al primo caricamento

    cmq sia ho aggirato l'ostacolo e risolto in altro modo senza impazzire

    grazie anche per la dritta sul function .. non lo sapevo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.