Visualizzazione risultati 1 fino 7 di 7

Discussione: javascript e codice iframe

  1. #1
    PCPLAY non è connesso Neofita
    Data registrazione
    25-08-2013
    Messaggi
    4

    Exclamation javascript e codice iframe

    Allora dato il seguente codice qui sotto come faccio ad inserire un video iframe nel "content" cioe in fondo dove ce la scritta qui???!


    Codice:
    <html><head>
    		<meta charset="utf-8">
    		<title>jQuery Modal Demo</title>
    		<style>
    			* {
    				margin:0; 
    				padding:0;
    			}
    
    			#overlay {
    				position:fixed; 
    				top:0;
    				left:0;
    				width:100%;
    				height:100%;
    				background:#000;
    				opacity:0.5;
    				filter:alpha(opacity=50);
    			}
    
    			#modal {
    				position:absolute;
    				background:url(tint20.png) 0 0 repeat;
    				background:rgba(0,0,0,0.2);
    				border-radius:14px;
    				padding:8px;
    			}
    
    			#content {
    				border-radius:8px;
    				background:#fff;
    				padding:20px;
    			}
    
    			#close {
    				position:absolute;
    				background:url(close.png) 0 0 no-repeat;
    				width:24px;
    				height:27px;
    				display:block;
    				text-indent:-9999px;
    				top:-7px;
    				right:-7px;
    			}
    		</style>
    		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    		<script>
    			var modal = (function(){
    				var 
    				method = {},
    				$overlay,
    				$modal,
    				$content,
    				$close;
    
    				// Center the modal in the viewport
    				method.center = function () {
    					var top, left;
    
    					top = Math.max($(window).height() - $modal.outerHeight(), 0) / 2;
    					left = Math.max($(window).width() - $modal.outerWidth(), 0) / 2;
    
    					$modal.css({
    						top:top + $(window).scrollTop(), 
    						left:left + $(window).scrollLeft()
    					});
    				};
    
    				// Open the modal
    				method.open = function (settings) {
    					$content.empty().append(settings.content);
    
    					$modal.css({
    						width: settings.width || 'auto', 
    						height: settings.height || 'auto'
    					});
    
    					method.center();
    					$(window).bind('resize.modal', method.center);
    					$modal.show();
    					$overlay.show();
    				};
    
    				// Close the modal
    				method.close = function () {
    					$modal.hide();
    					$overlay.hide();
    					$content.empty();
    					$(window).unbind('resize.modal');
    				};
    
    				// Generate the HTML and add it to the document
    				$overlay = $('<div id="overlay"></div>');
    				$modal = $('<div id="modal"></div>');
    				$content = $('<div id="content"></div>');
    				$close = $('<a id="close" href="#">close</a>');
    
    				$modal.hide();
    				$overlay.hide();
    				$modal.append($content, $close);
    
    				$(document).ready(function(){
    					$('body').append($overlay, $modal);						
    				});
    
    				$close.click(function(e){
    					e.preventDefault();
    					method.close();
    				});
    
    				return method;
    			}());
    
    			// Wait until the DOM has loaded before querying the document
    			$(document).ready(function(){
    
    				$.get('ajax.html', function(data){
    					modal.open({content: data});
    				});
    
    				$('a#howdy').click(function(e){
    					modal.open({content: "QUI"});
    					e.preventDefault();
    				});
    			});
    		</script>
    	</head>
    	<body>
    		<a id="howdy" href="#">Howdy</a>
    	
    <div id="overlay" style="display: none;"></div><div id="modal" style="width: auto; height: auto; top: 364px; left: 782px; display: none;"><div id="content"></div><a id="close" href="#">close</a></div>
    </body>
    Ultima modifica di karl94 : 13-11-2013 alle ore 15.57.27 Motivo: Formattazione del codice

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Beh, credo sia sufficiente passare come argomento non una stringa ma un oggetto rappresentante l'elemento.

  3. #3
    PCPLAY non è connesso Neofita
    Data registrazione
    25-08-2013
    Messaggi
    4

    Predefinito

    non capisco cosa intendi dire??

  4. #4
    PCPLAY non è connesso Neofita
    Data registrazione
    25-08-2013
    Messaggi
    4

    Predefinito

    quindi nessuno sa darmi una risposta??!

  5. #5
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Devi passare un oggetto di tipo elemento (non è poi necessario crearlo con JQuery, comunque, visto che usi una libreria...), vedi la documentazione relativa al metodo append, chiamato internamente dall'oggetto modal nello script in questione.
    Sempre nello script che hai pubblicato trovi un metodo semplice (ma potenzialmente pericoloso per la sicurezza) per creare un oggetto rappresentante un elemento HTML a partire dal suo stesso codice HTML, usando la funzione dollaro.

  6. #6
    PCPLAY non è connesso Neofita
    Data registrazione
    25-08-2013
    Messaggi
    4

    Predefinito

    non sono riuscito a fare niente se hai qualche soluzione piu semplici ok.
    grazie lo steso!

  7. #7
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Non mi sembra difficile: al posto della stringa di testo (ovvero il testo QUI e le virgolette comprese) devi inserire una ciamata alla funzione $ fornendo come unico parametro una stringa, contenete il codice HTML dell'elemento in questione.
    Codice:
    $("<p>Questo ad esempio è un paragrafo.</p>")

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •