Nascondere contenuto con javascript

08-12-2010, 17.56.50

Ciao a tutti...
Ho trovato uno script per nasconder e aprire un contenuto con javascript schiacciando su un bottone ..
il codice è questo:

Codice:

 <html>
<head>

<input type="button" value="Visualizza blocco" onClick="display_block();"/>
<input type="button" value="Nascondi blocco" onClick="hide_block();"/>


	<script language="javascript">
	function display_block() {
		document.getElementById('foo').style.display = "block";
	}
	function hide_block() {
		document.getElementById('foo').style.display = "none";
	}
	</script>

<div id="foo"> contenuto</div>

	<style>
	div#pippo {
		display:block;
	}
	</style>
</head>

<body>


</body>
</html>

Il mio problema è che voglio che il contenuto sia chiuso quando si apre la pagina e non aperto come nel codice.

**javascripter** · 08-12-2010, 18.22.32

Nel tag <head> dovresti inserire solo questi tag: <base>, <link>, <meta>, <script>, <style> e <title>. Il resto va in <body>!

Detto questo, se ho capito bene:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>...</title>
		<script type="text/javascript">
		//<![CDATA[
		function display_block() {
			document.getElementById("foo").style.display = "block";
		}

		function hide_block() {
			document.getElementById("foo").style.display = "none";
		}
		//]]>
		</script>
		<style type="text/css">
		/* <![CDATA[ */
		#foo {
			display: none;
		}
		/* ]]> */
		</style>
	</head>
	<body>
		<input type="button" value="Visualizza blocco" onclick="display_block()">
		<input type="button" value="Nascondi blocco" onclick="hide_block()">
		<div id="foo">
			<!-- mettici quello che vuoi dentro, basta sia HTML corretto :P -->
			<p>Contenuto</p>
		</div>
	</body>
</html>

questo dovrebbe essere quello che vuoi fare.

09-12-2010, 15.36.12

Originalmente inviato da javascripter

Nel tag <head> dovresti inserire solo questi tag: <base>, <link>, <meta>, <script>, <style> e <title>. Il resto va in <body>!

Detto questo, se ho capito bene:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>...</title>
		<script type="text/javascript">
		//<![CDATA[
		function display_block() {
			document.getElementById("foo").style.display = "block";
		}

		function hide_block() {
			document.getElementById("foo").style.display = "none";
		}
		//]]>
		</script>
		<style type="text/css">
		/* <![CDATA[ */
		#foo {
			display: none;
		}
		/* ]]> */
		</style>
	</head>
	<body>
		<input type="button" value="Visualizza blocco" onclick="display_block()">
		<input type="button" value="Nascondi blocco" onclick="hide_block()">
		<div id="foo">
			<!-- mettici quello che vuoi dentro, basta sia HTML corretto :P -->
			<p>Contenuto</p>
		</div>
	</body>
</html>

questo dovrebbe essere quello che vuoi fare.

Grazie mille è proprio quello che volevo fare :)

Discussione: Nascondere contenuto con javascript

LinkBack

Strumenti discussione

Display

Nascondere contenuto con javascript

Regole di scrittura