View difference between Paste ID: fn1Ufs98 and FwaXP3K2
SHOW: | | - or go back to the newest paste.
1-
Hello,  
1+
I have a website, where I uploaded an [index.html](http://www.destiny-craft.com/index.html) which is completely made of HTML code (no PHP).
2-
i have a website, on which i uploaded an <a href="http://www.destiny-craft.com/index.html> index.html </a> which is completely made of html code (no php)   
2+
3-
i coppied this code over to an PHP file (index.php) , and made 1 seperate php file for my Header  
3+
I copied this code over to an PHP file (`index.php`), and made 1 seperate php file for my header. When I cleaned up the new `index.php` file, I just used an `include()` to include the header, like so:
4-
When i Cleared the new index.php file, and used 
4+
5
    <? include("TopNote.php"); ?>
6
7-
Which is my Header php file  
7+
So the difference between `index.html` and `index.php` is that the HTML code is directly in the `index.html` and in the PHP file, it is included from a seperate PHP file.
8-
So the difference between index.html and index.php is that the html code is directly in the index.html and in the php, it is included from a seperate php file.
8+
9
Now the index.php file give a strange button, where the index.html displays it all the way i want it to display.
10-
Now does the index.php file give a strange button, where the index.html displays it all the way i want it to display.
10+
11
 
12-
What is the difference, and how do i solve it.
12+
`index.html`:
13
 
14-
Index html:
14+
15
    <html lang="us">
16
    <head>
17
        <meta charset="utf-8">
18
        <title>Destiny-Craft</title>
19-
    	<meta charset="utf-8">
19+
20-
    	<title>Destiny-Craft</title>
20+
        <link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
21
        <style>
22-
    	<link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
22+
23
      </style>
24
        <script src="js/jquery-1.9.1.js"></script>
25
        <script src="js/jquery-ui-1.10.3.custom.js"></script>
26-
    	<script src="js/jquery-1.9.1.js"></script>
26+
        <script>
27-
    	<script src="js/jquery-ui-1.10.3.custom.js"></script>
27+
28-
    	<script>
28+
               
29-
    	$(function() {
29+
30-
    		
30+
           
31
            $( "#regdialog" ).dialog({
32-
            
32+
33
          closeOnEscape: false,
34
          show: {
35
            effect: "blind",
36
            duration: 1000
37
          },
38
          hide: {
39
            effect: "blind",
40
            duration: 1000
41
          }
42
        });
43
     
44
        $( "#buttonregister" ).click(function() {
45
          $( "#regdialog" ).dialog( "open" );
46
        });
47
        });
48
        $(function() {
49-
    	});
49+
50
          .button()
51
          .click(function() {
52
            alert( "Here Staff Could Login, If That Would Work :)" );
53
          })
54
          .next()
55
            .button({
56
              text: false,
57
              icons: {
58
                primary: "ui-icon-triangle-1-s"
59
              }
60
            })
61
            .click(function() {
62
              var menu = $( this ).parent().next().show().position({
63
                my: "left top",
64
                at: "left bottom",
65
                of: this
66
              });
67
              $( document ).one( "click", function() {
68
                menu.hide();
69
              });
70
              return false;
71
            })
72
            .parent()
73
              .buttonset()
74
              .next()
75
                .hide()
76
                .menu();
77
      });
78
        </script>
79
   
80-
    	</script>
80+
81-
    
81+
82
    <link rel="stylesheet" href="http://destiny-craft.coffeecup.com/forms/ApplyForm/colorbox/colorbox.css" />
83
    <script src="http://destiny-craft.coffeecup.com/forms/ApplyForm/common/libs_js/jquery-1.4.4.min.js"></script>
84
    <script src="http://destiny-craft.coffeecup.com/forms/ApplyForm/colorbox/jquery.colorbox.js"></script>
85
    <script>
86
        var $fb_pop = jQuery.noConflict();
87
   
88-
    	var $fb_pop = jQuery.noConflict();
88+
        $fb_pop(document).ready(function(){
89-
    
89+
                // Fallback for Safari browser
90-
    	$fb_pop(document).ready(function(){
90+
                if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
91-
    		// Fallback for Safari browser
91+
                        $fb_pop('.fb_iframe').click( function(){
92-
    		if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
92+
                                var temp_window = window.open('http://destiny-craft.coffeecup.com/forms/ApplyForm/','ApplyForm','width=0,height=0');
93-
    			$fb_pop('.fb_iframe').click( function(){
93+
                                window.focus();
94-
    				var temp_window = window.open('http://destiny-craft.coffeecup.com/forms/ApplyForm/','ApplyForm','width=0,height=0');
94+
                                setTimeout(function() {temp_window.close();},1000);
95-
    				window.focus();
95+
                        } );
96-
    				setTimeout(function() {temp_window.close();},1000);
96+
                }
97-
    			} );
97+
                $fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"788px", height:"80%", maxHeight:"1157px", fixed:true });
98-
    		}
98+
99-
    		$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"788px", height:"80%", maxHeight:"1157px", fixed:true }); 
99+
100-
    	});
100+
101
        </head>
102
    <body bgcolor="#aaaaaa">
103
    <img src="http://destiny-craft.com/img/Logo_Resized.png" alt="" style="padding-left:20px" />
104
    <div align="right" style="padding-right:20px">
105
      <div>
106
        <button id="StaffLogin">Staff Login</button>
107
   
108
        <button id="select">Select an action</button>
109-
    
109+
110
      <ul>
111
        <li><a href="#">Log Out</a></li>
112
        <li id="buttonregister"><a href="#">Register</a></li>
113
      </ul>
114
    </div>  
115
    <form style="margin-top: 1em;">  
116
       <div id="menu" align="center">
117-
    <form style="margin-top: 1em;">   
117+
                <input type="radio" id="buttonhome" name="radio" checked="checked"><label for="buttonhome">Home</label>
118
                <input type="radio" id="buttonforums" name="radio"><label for="buttonforums"><a href="http://forums.destiny-craft.com">Forums</a></label>
119-
    		<input type="radio" id="buttonhome" name="radio" checked="checked"><label for="buttonhome">Home</label>
119+
                <input type="radio" id="buttonapply" name="radio"><label for="buttonapply"><a class='fb_iframe' href="http://destiny-craft.coffeecup.com/forms/ApplyForm/">Apply</a></label>
120-
    		<input type="radio" id="buttonforums" name="radio"><label for="buttonforums"><a href="http://forums.destiny-craft.com">Forums</a></label>
120+
121-
    		<input type="radio" id="buttonapply" name="radio"><label for="buttonapply"><a class='fb_iframe' href="http://destiny-craft.coffeecup.com/forms/ApplyForm/">Apply</a></label>
121+
122
        </div>
123
    </form>
124-
    	</div>
124+
   
125
   
126-
    
126+
   
127-
    
127+
128-
    
128+
129
        <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
130
                <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
131-
    	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
131+
                <strong>Alert:</strong> The Site Is No Where Near Completed, Please go to our <a href="http://forums.destiny-craft.com/">Forums</a></p>
132-
    		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
132+
133-
    		<strong>Alert:</strong> The Site Is No Where Near Completed, Please go to our <a href="http://forums.destiny-craft.com/">Forums</a></p>
133+
134-
    	</div>
134+
   
135
   
136-
    
136+
   
137-
    
137+
   
138-
    
138+
   
139-
    
139+
   
140-
    
140+
141-
    
141+
142
    <form action="#" method="post">
143
    <div class="ui-widget">
144
                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
145
                        <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span
146-
        	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
146+
   
147-
        		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span
147+
148-
    
148+
                        Registrations are not working!</p>
149
                </div>
150-
        		Registrations are not working!</p>
150+
151-
        	</div>
151+
152
        <input type="text" name="reg_name">
153
        <h5>Password:</h5>
154
        <input type="password" name="reg_pass">
155
        <h5>Confirm Password:</h5>
156
        <input type="password" name="reg_pass_conf">
157
        <input type="submit">
158
    </form>
159
    </div>
160
    </body>
161
    </html>
162
 
163
 
164
 
165
`index.php`:
166
 
167-
index php: 
167+
168
    <html lang="us">
169
    <head>
170
        <meta charset="utf-8">
171
        <title>Destiny-Craft</title>
172-
    	<meta charset="utf-8">
172+
173-
    	<title>Destiny-Craft</title>
173+
        <link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
174
        <script src="js/jquery-1.9.1.js"></script>
175-
    	<link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
175+
        <script src="js/jquery-ui-1.10.3.custom.js"></script>
176-
    	<script src="js/jquery-1.9.1.js"></script>
176+
   
177-
    	<script src="js/jquery-ui-1.10.3.custom.js"></script>
177+
178-
    
178+
179
    <body bgcolor="#aaaaaa">
180
    <? include("TopNote.php"); ?>
181
    </body>
182
    </html>
183
 
184
`topnote.php`
185
 
186-
TopNote
186+
187
    <html lang="us">
188
    <head>
189
        <meta charset="utf-8">
190
        <title>Destiny-Craft</title>
191-
    	<meta charset="utf-8">
191+
192-
    	<title>Destiny-Craft</title>
192+
        <link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
193
        <style>
194-
    	<link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
194+
195
      </style>
196
        <script src="js/jquery-1.9.1.js"></script>
197
        <script src="js/jquery-ui-1.10.3.custom.js"></script>
198-
    	<script src="js/jquery-1.9.1.js"></script>
198+
        <script>
199-
    	<script src="js/jquery-ui-1.10.3.custom.js"></script>
199+
200-
    	<script>
200+
201-
    	$(function() {
201+
           
202
            $( "#regdialog" ).dialog({
203-
            
203+
204
          closeOnEscape: false,
205
          show: {
206
            effect: "blind",
207
            duration: 1000
208
          },
209
          hide: {
210
            effect: "blind",
211
            duration: 1000
212
          }
213
        });
214
     
215
        $( "#buttonregister" ).click(function() {
216
          $( "#regdialog" ).dialog( "open" );
217
        });
218
        });
219
        $(function() {
220-
    	});
220+
221
          .button()
222
          .click(function() {
223
            alert( "Here Staff Could Login, If That Would Work :)" );
224
          })
225
          .next()
226
            .button({
227
              text: false,
228
              icons: {
229
                primary: "ui-icon-triangle-1-s"
230
              }
231
            })
232
            .click(function() {
233
              var menu = $( this ).parent().next().show().position({
234
                my: "left top",
235
                at: "left bottom",
236
                of: this
237
              });
238
              $( document ).one( "click", function() {
239
                menu.hide();
240
              });
241
              return false;
242
            })
243
            .parent()
244
              .buttonset()
245
              .next()
246
                .hide()
247
                .menu();
248
      });
249
        </script>
250
   
251-
    	</script>
251+
252-
    
252+
253
    <link rel="stylesheet" href="http://destiny-craft.coffeecup.com/forms/ApplyForm/colorbox/colorbox.css" />
254
    <script src="http://destiny-craft.coffeecup.com/forms/ApplyForm/common/libs_js/jquery-1.4.4.min.js"></script>
255
    <script src="http://destiny-craft.coffeecup.com/forms/ApplyForm/colorbox/jquery.colorbox.js"></script>
256
    <script>
257
        var $fb_pop = jQuery.noConflict();
258
   
259-
    	var $fb_pop = jQuery.noConflict();
259+
        $fb_pop(document).ready(function(){
260-
    
260+
                // Fallback for Safari browser
261-
    	$fb_pop(document).ready(function(){
261+
                if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
262-
    		// Fallback for Safari browser
262+
                        $fb_pop('.fb_iframe').click( function(){
263-
    		if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
263+
                                var temp_window = window.open('http://destiny-craft.coffeecup.com/forms/ApplyForm/','ApplyForm','width=0,height=0');
264-
    			$fb_pop('.fb_iframe').click( function(){
264+
                                window.focus();
265-
    				var temp_window = window.open('http://destiny-craft.coffeecup.com/forms/ApplyForm/','ApplyForm','width=0,height=0');
265+
                                setTimeout(function() {temp_window.close();},1000);
266-
    				window.focus();
266+
                        } );
267-
    				setTimeout(function() {temp_window.close();},1000);
267+
                }
268-
    			} );
268+
                $fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"788px", height:"80%", maxHeight:"1157px", fixed:true });
269-
    		}
269+
270-
    		$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"788px", height:"80%", maxHeight:"1157px", fixed:true }); 
270+
271-
    	});
271+
272
        </head>
273
    <body bgcolor="#aaaaaa">
274
    <img src="http://destiny-craft.com/img/Logo_Resized.png" alt="" style="padding-left:20px" />
275
    <div align="right" style="padding-right:20px">
276
      <div>
277
        <button id="StaffLogin">Staff Login</button>
278
   
279
        <button id="select">Select an action</button>
280-
    
280+
281
      <ul>
282
        <li><a href="#">Log Out</a></li>
283
        <li id="buttonregister"><a href="#">Register</a></li>
284
      </ul>
285
    </div>  
286
    <form style="margin-top: 1em;">  
287
       <div id="menu" align="center">
288-
    <form style="margin-top: 1em;">   
288+
                <input type="radio" id="buttonhome" name="radio" checked="checked"><label for="buttonhome">Home</label>
289
                <input type="radio" id="buttonforums" name="radio"><label for="buttonforums"><a href="http://forums.destiny-craft.com">Forums</a></label>
290-
    		<input type="radio" id="buttonhome" name="radio" checked="checked"><label for="buttonhome">Home</label>
290+
                <input type="radio" id="buttonapply" name="radio"><label for="buttonapply"><a class='fb_iframe' href="http://destiny-craft.coffeecup.com/forms/ApplyForm/">Apply</a></label>
291-
    		<input type="radio" id="buttonforums" name="radio"><label for="buttonforums"><a href="http://forums.destiny-craft.com">Forums</a></label>
291+
292-
    		<input type="radio" id="buttonapply" name="radio"><label for="buttonapply"><a class='fb_iframe' href="http://destiny-craft.coffeecup.com/forms/ApplyForm/">Apply</a></label>
292+
293
        </div>
294
    </form>
295-
    	</div>
295+
   
296
   
297-
    
297+
   
298-
    
298+
299-
    
299+
300
        <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
301
                <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
302-
    	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
302+
                <strong>Alert:</strong> The Site Is No Where Near Completed, Please go to our <a href="http://forums.destiny-craft.com/">Forums</a></p>
303-
    		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
303+
304-
    		<strong>Alert:</strong> The Site Is No Where Near Completed, Please go to our <a href="http://forums.destiny-craft.com/">Forums</a></p>
304+
305-
    	</div>
305+
   
306
   
307-
    
307+
   
308-
    
308+
   
309-
    
309+
   
310-
    
310+
   
311-
    
311+
312-
    
312+
313
    <form action="#" method="post">
314
    <div class="ui-widget">
315
        <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
316
                <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
317-
    	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
317+
                Registrations are not working!</p>
318-
    		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
318+
319-
    		Registrations are not working!</p>
319+
320-
    	</div>
320+
321
        <input type="text" name="reg_name">
322
        <h5>Password:</h5>
323
        <input type="password" name="reg_pass">
324
        <h5>Confirm Password:</h5>
325
        <input type="password" name="reg_pass_conf">
326
        <input type="submit">
327
    </form>
328
    </div>
329
    </body>
330
    </html>
331
 
332
What is the difference, and how do i solve it?