Initial commit (4df28bb8) · Commits · examples / Head First Ajax

HeadFirstAjax_Ch01_Final/css/default.css

0 → 100644

+54 −0

Changes for HeadFirstAjax_Ch01_Final/css/default.css: 54 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		body {
		background: #333;
		font-family: Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
		margin: 0;
		text-align: center;
		}

		p { font-size: 12px; line-height: 20px; }
		a img { border: 0; }

		#wrapper {
		background: #750505 url('../images/bgWrapper.png') 8px 0 no-repeat;
		border: solid #300;
		border-width: 0 15px 15px 15px;
		height: 700px;
		margin: 0 auto;
		position: relative;
		width: 730px;
		}

		#logotypeLeft { left: -41px; position: absolute; top: 41px; z-index: 100; }
		#logotypeRight { left: 353px; position: absolute; top: 27px; z-index: 100; }

		#introPane {
		background: #fff;
		border: 15px solid #300;
		height: 187px;
		left: 338px;
		padding: 100px 15px 0 15px;
		position: absolute;
		top: 15px;
		text-align: left;
		width: 317px;
		}

		#itemGuitar { left: 8px; position: absolute; top: 221px; }
		#itemShades { left: 8px; position: absolute; top: 326px; }
		#itemCowbell { left: 8px; position: absolute; top: 414px; }
		#itemHat { left: 8px; position: absolute; top: 540px; }

		#detailsPane {
		background: #fff url('../images/bgDetailPane.png') 115px 91px no-repeat;
		border: 15px solid #300;
		height: 208px;
		left: 338px;
		padding: 100px 15px 0 15px;
		position: absolute;
		top: 347px;
		text-align: left;
		width: 317px;
		}

		#itemDetail { left: 0; position: absolute; top: 0px; }
		#description { padding: 40px 0 0 0; }
		No newline at end of file

0 → 100644

+54 −0

Changes for HeadFirstAjax_Ch01_Final/css/rocknroll.css: 54 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		body {
		background: #333;
		font-family: Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
		margin: 0;
		text-align: center;
		}

		p { font-size: 12px; line-height: 20px; }
		a img { border: 0; }

		#wrapper {
		background: #750505 url('../images/bgWrapper.png') 8px 0 no-repeat;
		border: solid #300;
		border-width: 0 15px 15px 15px;
		height: 700px;
		margin: 0 auto;
		position: relative;
		width: 730px;
		}

		#logotypeLeft { left: -41px; position: absolute; top: 41px; z-index: 100; }
		#logotypeRight { left: 353px; position: absolute; top: 27px; z-index: 100; }

		#introPane {
		background: #fff;
		border: 15px solid #300;
		height: 187px;
		left: 338px;
		padding: 100px 15px 0 15px;
		position: absolute;
		top: 15px;
		text-align: left;
		width: 317px;
		}

		#itemGuitar { left: 8px; position: absolute; top: 221px; }
		#itemShades { left: 8px; position: absolute; top: 326px; }
		#itemCowbell { left: 8px; position: absolute; top: 414px; }
		#itemHat { left: 8px; position: absolute; top: 540px; }

		#detailsPane {
		background: #fff url('../images/bgDetailPane.png') 115px 91px no-repeat;
		border: 15px solid #300;
		height: 208px;
		left: 338px;
		padding: 100px 15px 0 15px;
		position: absolute;
		top: 347px;
		text-align: left;
		width: 317px;
		}

		#itemDetail { left: 0; position: absolute; top: 0px; }
		#description { padding: 40px 0 0 0; }
		No newline at end of file

0 → 100644

+12 −0

Changes for HeadFirstAjax_Ch01_Final/getDetails.php: 12 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		<?php

		$details = array (
		'itemGuitar' => "<p>Pete Townshend once played this guitar while his own axe was in the shop having bits of drumkit removed from it.</p>",
		'itemShades' => "<p>Yoko Ono's sunglasses. While perhaps not valued much by Beatles fans, this pair is rumored to have been licked by John Lennon.</p>",
		'itemCowbell' => "<p>Remember the famous \"more cowbell\" skit from Saturday Night Live? Well, this is the actual cowbell.</p>",
		'itemHat' => "<p>Michael Jackson's hat, as worn in the \"Billie Jean\" video. Not really rock memorabilia, but it smells better than Slash's tophat.</p>"
		);

		echo $details[$_REQUEST['ImageID']];

		?>
		No newline at end of file

0 → 100644

+4.12 KiB

Loading image diff...

0 → 100644

+4.63 KiB

Loading image diff...