Why isn't my html responding? -


my html doesn't show content wrote. objective i'm trying accomplish make button on right "div" make random joke out of 5 spawn on left div. problem don't know how make function make button spawn joke. joke in separate html use replace default 1 in left div when load html. i'm sorry if that's incoherently confusing, thank committing.

this have far:

the primary html:

<html> <head>     <title>free jokes!</title>     <meta charset="utf-8">     <link href="final project.css" rel="stylesheet"> </head>   <body> <h1 id="shadow">welcome free jokes!</h1> <div id="left" src="left.html"/> <div id="right" src="right.html"/> </body> </html>

the left div html:

<!doctype html>  <html>     <head>         <title>free jokes!</title>         <script>         var randomnumber          function clickforjoke() {         randomnumber=math.floor( 1 + math.random() * 5);          switch ( randomnumber ) {         case 1:             window.open( "joke1.html", target="right" );             break;         case 2:             window.open( "joke2.html", target="right" );             break;         case 3:             window.open( "joke3.html", target="right" );             break;         case 4:             window.open( "joke4.html", target="right" );             break;         case 5:             window.open( "joke5.html", target="right" );             break;          default:             window.open( "joke.html", target="right" );

and external css:

body {     background-color: lightblue; }  #shadow {     text-shadow: -5px -8px 2px lightgreen;     font-size: 600%; }  left {     float:left;width:30%; }  right {     float:right;width:70%; }

thank in advance!

well, first of all, css selectors wrong. should be:

body {     background-color: lightblue; }  #shadow {     text-shadow: -5px -8px 2px lightgreen;     font-size: 600%; }  #left {     float:left;width:30%; }  #right {     float:right;width:70%; }

secondly, can't use src attribute on div tag. makes no sense!

if you're trying include content page somewhere else, need use iframe tag. regardless of feelings towards using this, should more like:

<html> <head>     <title>free jokes!</title>     <meta charset="utf-8">     <link href="final project.css" rel="stylesheet"> </head>   <body> <h1 id="shadow">welcome free jokes!</h1> <iframe id="left" src="left.html"></iframe> <iframe id="right" src="right.html"></iframe> </body> </html>

http://www.w3schools.com/tags/tag_iframe.asp

good luck!


Comments

Post a Comment

Popular posts from this blog

php - get table cell data from and place a copy in another table -

two-part question: have 2 tables: 1 table items , other table selected items copied when add button clicked. after, when items wanted selected, there 'finished' button post items selected db. i started javascript didn't far @ because jquery seems better suited i'm not familiar it function addto() { var div = document.getelementbyid('fixeddiv','inside'); div.innerhtml = div.innerhtml + 'item added'; } <div id='fixeddiv'> <table align="center" id="tradee"> <th rowspan="2"> other item</th> <?php while($rowi =$item->fetch_assoc()) {?> <tr> <td> <?php echo $rowi['item_name']; ?> </td> <td><?php echo $rowi['item_description'];?></td> </tr> <?php } ?> </table> <br> <table align="center" id="tradetable"
Read more

javascript - Mootools wait with Fx.Morph start -

i trying var effect = new fx.morph(testmorph, { wait/delay 2 seconds before starting. ( fiddle here ) but when try .wait(2000) or .delay(2000) , or .wait(2000, effect) uncaught typeerror: object [object object] has no method 'delay' any ideas how working? code i'm using: var testmorph = document.id('testmorph'); var effect = new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start({ 'top': 20, 'opacity': 1 }).start({ 'border-color': '#a80025', 'color': '#a80025' }); effect.delay(2000); you can use combination of chain() , delay() achieve desired effect. new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start().chain(function(){ this.start.delay(2000,effect,{ //first }); }).chain(function(){ this.start({ //second }); }); the
Read more

php - Navigate throught databse rows -

i run image hosting site, , ive run problem. want make 2 buttons beside pic "next image" , "prev image". im new php/mysql , haveing troubles. check out got. use id (numbers) find correct row, have image name build next link. how make below query next , prev image names + ids? $query_next = ("select imageid, image_name images image_name = '$image_main' order imageid desc limit 1"); $query_prev = ("select imageid, image_name images image_name = '$image_main' order imageid asc limit 1"); // next $next = mysql_query($query_next); // prev $prev = mysql_query($query_prev); while ($row = mysql_fetch_assoc($next)) { $next = $row['image_name']; } while ($row = mysql_fetch_assoc($prev)) { $prev = $row['image_name']; } the html = > simple stuff. <a href="http://mysite.com/view_image/<?=$next?>">next image</a> <a href="http://mysite.com/view_image/<?=$pr
Read more