javascript e codice iframe

**PCPLAY** · 13-11-2013, 15.51.49

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>

**karl94** · 13-11-2013, 15.58.19

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

**PCPLAY** · 14-11-2013, 15.08.11

non capisco cosa intendi dire??

**PCPLAY** · 14-11-2013, 18.16.08

quindi nessuno sa darmi una risposta??!

**karl94** · 14-11-2013, 18.48.20

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.

**PCPLAY** · 18-11-2013, 15.02.27

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

**karl94** · 19-11-2013, 19.11.26

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>")

Discussione: javascript e codice iframe

LinkBack

Strumenti discussione

Display

javascript e codice iframe

Regole di scrittura