Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jan 2012
    Location
    Walla Walla
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    scrolling js stopped in php

    I hope I am presenting this correctly. I am new so to coding so I am asking for your patience:

    I am developing a javascript php site on Awardspace.com The the scrollingPics.js is working without php, that is with html, css, and javascript alone. When I added the php includes folder, the first image remains and does not change.

    Would somebody please guide me in the right direction as to where I should look for an answer to get this javascript page to rotate the images?

    html called divMiddle.php, directly below, from the initial indexHunting.php, farthest below:
    Code:
    			<img id="scrollme" src = "images/elk/elk2011.png"
                                 name = "imgDisplay"
                                 height = 600
                                 width = 800 />
    javascript page:
    Code:
    function scrollMessages(milliseconds) {
     var t = setInterval("upDate()", 3000)
     
    }
    
    function upDate(){
      //increments the counter and shows the next description
      counter++;
      if (counter > 74){
        counter = 0;
      } // end if
      document.imgDisplay.src = pictures[counter].src;
      //document.myForm.txtDescription.value = description[counter];
      //document.div1.txtDescription.value = description[counter];
    }
    PHP Code:
    <!doctype html>
    <html lang="en">
    <head>

        <meta http-equiv="content-type" content="text/html; charset="utf-8" />
        <meta name="description" content="Everything you wanted to know about Hunting with the Carlisles" />
        <meta name="keywords" content="Jesus, Rifle, Bow, Hunting, Arrows, Family" />
        <meta name="author" content="David " />
        
        <link type="text/css" rel="stylesheet" href="css/style.css" />
        <link type="text/css" rel="stylesheet" href="css/navStyles.css" />
        
        <script type="text/javascript" src="javascript.js"></script>
        
    </head>
    <body onload="initialize(), scrollMessages()" >

    <a id="top"></a>

    <div id="wrapper" >

        <?php include('includes/divTop.php'); ?>
        <?php include('includes/nav.php'); ?>

        <div id="secondContainer">

        <?php include('includes/divLeft.php'); ?>
        <?php include('includes/divMiddle.php'); ?>
        <?php include('includes/divRight.php'); ?>

        </div>
        <div class="shim"></div>
        
    </div>

    </body>

    </html>
    I appreciate your time.
    Last edited by TYJesus; 01-13-2012 at 03:39 AM.

  • #2
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,539
    Thanks
    8
    Thanked 1,093 Times in 1,084 Posts
    Display your HTML page ... the one that works without PHP.
    I'm curious to see what it all looks like when assembled in one working page.

  • #3
    New Coder
    Join Date
    Jan 2012
    Location
    Walla Walla
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Here is the working link without php:
    thefamilyhunters.atwebpages.com/indexHunting.html

    Here is the not working link with php:
    thefamilyhunters.atwebpages.com/indexHunting.php

    I can post the variables in the javascript page too. I didn't add them because there are 74 holding images.

    What am I doing wrong with the the code tags, so it is displayed nice?
    And should I only place the snippet on here:

    Code:
    <!doctype html>
    <html lang="en">
    <head>
    
    	<meta http-equiv="content-type" content="text/html" charset="utf-8" />
    	<meta name="description" content="Everything you wanted to know about Hunting with the Carlisles" />
    	<meta name="keywords" content="Jesus, Rifle, Bow, Hunting, Arrows, Family" />
    	<meta name="author" content="David Carlisle" />
    	
    	<link type="text/css" rel="stylesheet" href="css/style.css" />
    	<link type="text/css" rel="stylesheet" href="css/navStyles.css" />
    	
     <script type="text/javascript" src="scrollingPics.js"></script>
    
    	
    </head>
    <body onload="initialize(), scrollMessages()" >
    
    <a id="top"></a>
    
    <div id="wrapper" >
    
    	<div id="divTop" >
                    <img id="flyingArrow" src="/images/misc/flyingArrowClear.png" alt="arrow towards target" >
                    <img id="bow" src="/images/misc/moddedbow2.png" alt="bow" >
    
    		<h1>God's Call, Jesus Christ</h1>
    		Thank You Jesus
    	</div>
    
    	<div id="div2Top">
    		<ul id="nav">
    			<li><a href="indexDiv.html">Home</a>
    				<ul>
    					<li><a href="#">Side Navigation Soon</a></li>
    					<li><a href="#">Dan</a></li>
    					<li><a href="#">Dale</a></li>
    					<li><a href="#">David</a></li>
    					<li><a href="#">Tim</a></li>
    					<li><a href="#">Titus</a></li>
    					<li><a href="#">The Family</a></li>
    					<li><a href="#">The Following</a></li>
    					<li><a href="#">The Future</a></li>
    										<li><a href="http://www.cabelas.com">Cabelas</a></li>
    				</ul>
    			</li>
    			<li><a href="theCrew.html">The Crew</a>
    				<ul>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    					<li><a href="#">Looking for More pics for The Crew</a></li>
    				</ul>
    			</li>
    			<li><a href="theBear.html">The Bear</a>
    				<ul>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    					<li><a href="#">Looking for More pics for The Bear</a></li>
    				</ul>
    			</li>
    			<li><a href="theLion.html">The Lion</a>
    				<ul>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    					<li><a href="#">Looking for More pics for The Lion</a></li>
    				</ul>
    			</li>
    			<li><a href="theElk.html">The Elk</a>
    				<ul>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    					<li><a href="#">Looking for More pics for The Elk</a></li>
    				</ul>
    			</li>
    			<li><a href="theDeer.html">The Deer</a>
    				<ul>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    				</ul>
    			</li>
    			<li><a href="aboutUs.html">About Us</a>
    				<ul>
    					<li><a href="#">testlinks</a></li>
    					<li><a href="#">Home</a></li>
    					<li><a href="#">Home</a></li>
    				</ul>
    			</li>
    			<li><a href="arrows.html">Arrows</a>
    				<ul>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    					<li><a href="#">Looking for More pics for The Deer</a></li>
    				</ul>
    			</li>
    		</ul>
    		<div class="shim"></div>
    	</div>
    
    	<div id="secondContainer">
    		<div id="divLeft" >
    			<!--
    			<div id="frameLink">
    			<a href="http://www.ibeorg" ><iframe src="http://www"  id="bethframe" name="iBethel.org" scrolling="auto"></iframe></a>
    			</div>
    			-->
    			<a href="http://www.shop.expectedend.org/Books_c2.htm"><img src="images/icons/captivityseriesthumb.jpg" alt="Captivity Series Book" id="capSeries" /></a>
    			<p>
    				Buy a book, and Free a Soul.</p>
    			<p>
    				Who by faith conquered kingdoms, performed <em>acts of</em> righteousness, obtained promises, shut the mouths of lions,34 quenched the power of fire, escaped the edge of the sword, from weakness were made strong, became mighty in war, put foreign armies to flight. 35 Women received <span style="font-style: italic;">back</span> their dead by resurrection; and others were tortured, not accepting their release, so that they might obtain a better resurrection; 36 and others experienced mockings and scourgings, yes, also chains and imprisonment. 37 They were stoned, they were sawn in two, they were tempted, they were put to death with the sword; they went about in sheepskins, in goatskins, being destitute, afflicted, illtreated 38 (<i>men</i> of whom the world was not worthy), wandering in deserts and mountains and caves and holes in the ground. 39 And all these, having gained approval through their faith, did not receive what was promised, 40 because God had provided something better for us, so that apart from us they would not be made perfect. 12:1 Therefore, since we have so great a cloud of witnesses surrounding us, let us also lay aside every encumbrance and the sin which so easily entangles us, and let us run with endurance the race that is set before us, 2 fixing our eyes on Jesus, the author and perfector of faith, who for the joy set before Him endured the cross, despising the shame, and has sat down at the right hand of the throne of God.</p>
    
    			<p style="text-align: right; font-weight: bold;">
    				-Heb 11:33-12:2</p>
    			<p>
    				Consider the above that WE are His Joy!  And some of His Joy is to be released from prison, sin, and bondage.</p>
    		
    		</div>
    
    		<div id="divMiddle">
    			<div class="clearUpper">
    
    			</div>
    
    			<img id="scrollme" src = "images/elk/elk2011.png"
         name = "imgDisplay"
         height = 600
         width = 800 />
    		<div id="picDescription"></div>
    
    				<h2>Seek and you will find, Knock and the door will be opened to you.
                                    </h2>
    					<p>Call Jesus</p>
    				
    			<div class="clearLower">
    
    				<p>
    					This is where David slays the Giant.</p>
    				
    				<ul class="removeList">
    					<li>God has given me Life to use my brain, so Here I go.</li>
    					<li>He gives Me Life on this earth "more abundantly." John 10:10</li>
    					<li>When I am weak, He is strong.</li>
    					<li>So now, I cannot fail, because He, Jesus, leads me with Blessings.</li>
    				</ul>
    	
    				<h4>Follow the path for Weaponry:</h4>
    				<ul class="removeList">
    					<li><a href="Psalm91_7beginning.html" target="_blank">Psalm 91:7</a></li>
    					<li><a href="Flying/Psalm91_8.html" target="_self">Psalm 91:8</a></li>
    					<li><a href="../Psalm91_9_11.html">Psalm 91:9-11</a></li>
    					<li>The Slaying of the Lion</li>
    					<li>The Slaying of the Bear</li>
    				</ul>
    			</div>
    			
    			<div id="footer">
    				<p>
    					<a href="#top">To The Top</a></p>
    				<p>
    					©  2011 God's Call </p>
    			</div>
    		</div>
    		
    		<div id="divRight" >
    			<img id="light" src="images/people/Light3.png" alt="Light Times Three" >
    					<h2 id="JesusName" >Jesus Christ</h2>
    					<ul id="Jlist">
    						<li>Our Best Friend</li>
    						<li>The Life</li>
    						<li>The Way</li>
    						<li>The Truth</li>
    						<li>Living Water</li>
    						<li>Bread of Life</li>
    						<li>The Word</li>
    						<li>Emmanuel</li>
    						<li>The Beginning</li>
    						<li>The End</li>
    						<li>Who Was</li>
    						<li>And Is</li>
    						<li>And Is To Come</li>
    						<li>The King of Kings</li>
    						<li>Lord of Lords</li>
    						<li>God Almighty</li>
    						<li>The Alpha</li>
    						<li>The Omega</li>
    						<li>The Perfect Lamb</li>
    						<li>The Goodness</li>
    						<li>The Love</li>
    						<li>Jehovah</li>
    						<li>Breath of Life</li>
    					</ul>
    						<p>"<em>that is,</em>the mystery which has been hidden from the <em>past</em> ages and generations, but has now been manifested to His saints, 27 to whom God willed to make known what is the riches of the glory of this mystery among the Gentiles, which is Christ in you, the hope of glory,"
    						</p>
    						<p style="text-align: right; font-weight: bold;">Colossians 1:26-27
    						</p>
    				<!--
    					<form name="input" action="htmlXXXXXX.asp" method="get" id="form">
    						No Worries, add a name for prayer: 
    						<br />
    						<input type="text" name="Free a Soul" id="form"/>
    						<input type="submit" value="Submit" id="form"/>
    					</form>
    				-->
    		</div>	
    	</div>
    
    </div>
    
    </body>
    
    
    
    
    </html>
    Last edited by TYJesus; 01-13-2012 at 03:39 AM.

  • #4
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,539
    Thanks
    8
    Thanked 1,093 Times in 1,084 Posts
    I can't see why it should not work ...

    But the layout and site looks horrible ... no offense.
    I see so many structural HTML errors, I can't figure out where it might be failing.

    You should really consider a WordPress site.
    It could have a photo gallery, where people could view them without having them
    switch so quickly they can't see them. Also, you can create posts each day or week
    about your passion for Christianity. I see your site making a perfect WordPress Blog.

    And again, I don't want to criticize or offend, that's not my purpose ... but your site
    is so poorly done, in my opinion it's not worth the effort trying to fix. You would be
    much better off starting over. If not WordPress, then find a free CSS template to use.

  • #5
    New Coder
    Join Date
    Jan 2012
    Location
    Walla Walla
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts
    No Offense taken. I appreciate the insight and will look into the WordPress. I want to make sure I learn how to code correctly, though. So maybe, I should be looking at some tutorials on how to put code in a universal readable format.

  • #6
    New Coder
    Join Date
    Jan 2012
    Location
    Walla Walla
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I believe I will correct as much as I can, though, for a learning experience.

    Thanks again,

    David

  • #7
    Supreme Overlord Spookster's Avatar
    Join Date
    May 2002
    Location
    Marion, IA USA
    Posts
    6,280
    Thanks
    4
    Thanked 83 Times in 82 Posts
    A good editor can help you to clean up your code and point out errors or incorrect coding. I use NetBeans for PHP but it handles HTML, CSS and JS as well.
    http://netbeans.org/features/php/index.html
    Spookster
    CodingForums Supreme Overlord
    All Hail Spookster


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •