✔ Fast alle Javascripte funktionieren aufeinmal nichtmehr

Cannon · 7. Januar 2012

Guten Morgen,

ich hab ein Rießen problem bin auch schonn am durchdrehen da ich den verfluchten fehler nicht finde. Ich habe grad meine header und footer datei bearbeitet ein pa Kommentare raus und die js dateien und css dateien mal ein bischen sotiert und nun gehen die meisten javascripte nicht ich weiß auch nicht warum ich habe nur kommentare entfernt und die javascripte sotiert mit copy and paste mehr nicht ist auch noch alles da was vorher da war.
Kann mir einer helfen?

Hab hier noch einen Quellcode einer seite bei der die jQuery datatable und die flot charts nicht gehen:

HTML:

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel=dns-prefetch href="//fonts.googleapis.com">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		
		<title>HabBase &ndash; Control Panel</title>
		<meta name="description" content="">
		<meta name="author" content="***">

		<meta name="viewport" content="width=device-width,initial-scale=1">
        
		<link rel="stylesheet" href="css/960gs/fluid.css">
        
		<link rel="stylesheet" href="css/h5bp/normalize.css"> 
		<link rel="stylesheet" href="css/h5bp/non-semantic.helper.classes.css"> 
		<link rel="stylesheet" href="css/h5bp/print.styles.css"> 
        
        
		<link rel="stylesheet" href="css/sprite.forms.css">
		<link rel="stylesheet" href="css/sprite.lists.css">
        <link rel="stylesheet" href="css/sprite.tables.css">
        <link rel="stylesheet" href="css/sprite.wizard.css">
        <link rel="stylesheet" href="css/sprites.css">

        
		<link rel="stylesheet" href="css/external/jquery-ui-1.8.16.custom.css">
        
        <link rel="stylesheet" href="css/plugin.calendar.css">
        <link rel="stylesheet" href="css/plugin.charts.css">
        <link rel="stylesheet" href="css/plugin.wysiwyg.css">
        
        <link rel="stylesheet" href="css/typographics.css">
		<link rel="stylesheet" href="css/ie.fixes.css"> 
        <link rel="stylesheet" href="css/icons.css">
        <link rel="stylesheet" href="css/header.css"> 
		<link rel="stylesheet" href="css/navigation.css">
		<link rel="stylesheet" href="css/sidebar.css">

		<link rel="stylesheet" href="css/content.css"> 
		<link rel="stylesheet" href="css/footer.css">
		<link rel="stylesheet" href="css/sidebar.css">
        
        <script defer src="js/libs/modernizr-2.0.6.min.js"></script>
        
		<script defer src="js/mylibs/jquery.ba-resize.js"></script>
		<script defer src="js/mylibs/jquery.easing.1.3.js"></script>
		<script defer src="js/mylibs/jquery.ui.touch-punch.js"></script>

		<script defer src="js/mylibs/jquery.chosen.js"></script>
		<script defer src="js/mylibs/jquery.validate.js"></script>
        <script defer src="js/mylibs/jquery.dataTables.js"></script>
        <script defer src="js/mylibs/jquery-fallr-1.2.js"></script>
		<script defer src="js/mylibs/jquery.checkbox.js"></script>
		<script defer src="js/mylibs/jquery.fileinput.js"></script>

		<script defer src="js/mylibs/jquery.placeholder.js"></script>
		<script defer src="js/mylibs/jquery.miniColors.js"></script>
		<script defer src="js/mylibs/jquery.text-overflow.js"></script>
		<script defer src="js/mylibs/jquery.ui.timepicker.js"></script>
        <script defer src="js/mylibs/jquery.tipsy.js"></script>
        
        <script defer src="js/mylibs/fullcalendar.js"></script>

        
		<script defer src="js/mylibs/flot/jquery.flot.js"></script>
		<script defer src="js/mylibs/flot/jquery.flot.pie.js"></script>
		<script defer src="js/mylibs/flot/jquery.flot.orderBars.js"></script>
        
        <script defer src="js/mylibs/jwysiwyg/jquery.wysiwyg.js"></script>
		<script defer src="js/mylibs/jwysiwyg/controls/wysiwyg.link.js"></script>
		<script defer src="js/mylibs/jwysiwyg/controls/wysiwyg.image.js"></script>

		<script defer src="js/mylibs/jwysiwyg/controls/wysiwyg.table.js"></script>
        
        <script defer src="js/prototype.js"></script>
        <script defer src="js/streaminfo.js"></script>
        <script defer src="js/plugins.js"></script>
        <script defer src="js/script.js"></script>
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

		<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.js"><\/script>')</script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
		<script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui-1.8.16.min.js"><\/script>')</script>
	</head>
	<body>
		<div id="height-wrapper">
			<header>

            <!-- Obere Leiste -->
				<div id="header_toolbar">
					<div class="container_12">
						<h1 class="grid_8">HabBase &ndash; Control Panel</h1>
						<div class="grid_4">
							<div class="toolbar_large">
								<div class="toolbutton">

									<div class="toolicon">
										<img src="img/icons/16x16/user.png" width="16" height="16" alt="user" >
									</div>
									<div class="toolmenu">
										<div class="toolcaption">
											<span>Cannon</span>
										</div>
										<div class="dropdown">

											<ul>
												<li>
													<a href="?page=settings">Settings</a>
												</li>
												<li>
													<a href="?page=logout">Logout</a>
												</li>
											</ul>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
                
                <!-- Navigation -->
				<nav id="header_main">

					<div class="container_12">
						<ul id="nav_main">
							<li >
								<a href="?page=dashboard">
								<img src="img/icons/25x25/dark/computer-imac.png" width=25 height=25 alt="">
								Dashboard</a>
							</li>
                            							<li class="current">

								<a href="#">
								<img src="img/icons/25x25/dark/musical-keyboard.png" width=25 height=25 alt="">
								RJ Panel</a>
								<ul>
									<li>
										<a href="?page=rjdashboard">Dashboard</a>
									</li>
									<li>

										<a href="?page=sendeplan">Sendeplan</a>
									</li>
                                    <li>
										<a href="?page=horverl">Zuhörer Verlauf</a>
									</li>
								</ul>
							</li>
                            							<li >

								<a href="#">
								<img src="img/icons/25x25/dark/archive.png" width=25 height=25 alt="">
								Redaktion</a>
								<ul>
									<li>
										<a href="#">Artikel</a>
									</li>
								</ul>

							</li>
                                                        <li >
								<a href="#">
								<img src="img/icons/25x25/dark/robot.png" width=25 height=25 alt="">
								System</a>
								<ul>
									<li>
										<a href="?page=usermanager">Benutzerverwaltung</a>

									</li>
                                    <li>
										<a href="?page=nachrichten">Benachrichtigungen</a>
									</li>
                                    <li>
										<a href="?page=setting">Einstellungen</a>
									</li>
								</ul>

							</li>
                            						</ul>
					</div>
				</nav>
				<div id="nav_sub"></div>
			</header>
                        <!-- Anfang Content -->
            <div role="main" class="container_12" id="content-wrapper">
				<div id="main_content">

                				<h2 class="grid_12">RJ Dashboard</h2>
					<div class="clear"></div>
					
                    <div class="grid_4">
						<div class="box">
							<div class="header">
								<img src="img/icons/packs/fugue/16x16/resource-monitor.png" alt="" width="16"
								height="16">
								<h3>Stream</h3>
                                <span></span>

							</div>
							<div class="content">
								<p>
	<ul class="block-list with-icon">
		<li class="i-16-calendar">
			RJ-MrEder		</li>
		<li class="i-16-chart">
			1		</li>

		<li class="i-16-balloon">
			Brennan Heart And The Prophet - Wake Up		</li>
	</ul>
    <button style="width:150px; text-align: center" id="confirm">RJ Kicken</button></p>							</div> <!-- End of .content -->
						</div> <!-- End of .box -->
					</div> <!-- End of .grid_4 -->

                    
                    <div class="grid_4">
						<div class="box">
							<div class="header">
								<img src="img/icons/packs/fugue/16x16/resource-monitor.png" alt="" width="16"
								height="16">
								<h3>Streamdaten</h3>
								<span></span>
							</div>
							<div class="content">

                            	<ul class="block-list" style="display: block;">
									<li>
										Stream Adresse: 62.75.218.14									</li>
									<li>
										Stream Port: 5000									</li>
									<li>
										Stream Passwort: A7x2n									</li>

								</ul>
							</div> <!-- End of .content -->
						</div> <!-- End of .box -->
					</div> <!-- End of .grid_4 -->
                    
                    <div class="grid_4">
						<div class="box">
							<div class="header">

								<img src="img/icons/packs/fugue/16x16/resource-monitor.png" alt="" width="16" height="16">
								<h3>Zuhörer Verlauf - Letze Stunde</h3>
								<span></span>
							</div>
							<div class="content">
                            	<div class="graph medium tab-content" id="area" style="height:135px;"></div>
							</div> <!-- End of .content -->
						</div> <!-- End of .box -->

					</div> <!-- End of .grid_4 -->
                    
					<div class="grid_12">
						<div class="box">
							<div class="header">
								<img src="img/icons/packs/fugue/16x16/shadeless/table-excel.png" width="16" height="16">
								<h3>Gruß & Wunschbox</h3><span></span>
							</div>

							<div class="content">
								<table id="table-example" class="table">
									<thead>
										<tr>
											<th>Von</th>
											<th>Uhrzeit</th>
											<th>Gruß</th>

											<th></th>
										</tr>
									</thead>
									<tbody>
                                    
												<tr class="gradeX">
													<td>Nix da, nada leer!</td>
													<td></td>
													<td></td>

													<td class="center"></td>
												</tr>									</tbody>
								</table>
							</div> <!-- End of .content -->
							<div class="clear"></div>
						</div> <!-- End of .box -->
					</div> <!-- End of .grid_12 -->

                <script>
			$(window).load(function() {
				$('#confirm').click(function() {
					var clicked = function(){
						$.ajax({
							url: 'inc/kickrj.php',
							complete : function(){
								alert("Pech, nu wurd er gekickt!")
							}
						});
						$.fallr('hide');
					};
				
					$.fallr('show', {
						buttons : {
							button1 : {text: 'Ja', danger: true, onclick: clicked},
							button2 : {text: 'Abbrechen', onclick: function(){$.fallr('hide')}}
						},
						content : '<p>Willst du den RJ wirklich Kicken? er hat dir doch nichts getahn!</p>',
						icon    : 'error'
					});
				});
				
				//Chart
				var data = [{
					"label": "Zuhörer",
					"data": [
					[1325917502000, 1],[1325917801000, 1],[1325918102000, 1],[1325918401000, 1],[1325918702000, 1],[1325919001000, 1],[1325919302000, 1],[1325919601000, 1],[1325919902000, 1],[1325920201000, 1],[1325920502000, 1],[1325920801000, 1]					],
					bars: {
						barWidth: 0.2, 
						order: 1,
						lineWidth : 2
					}
				}];
				
				$.plot($('#area'), data, {
						grid : {
							hoverable : true
						}, 
						series : {
							lines: { fill: true }
						},
						yaxis: {
							tickDecimals: 0
						},
						xaxis: {
							tickSize: [5, "minute"],
							mode: "time",
							timeformat: "%H:%M"
						 }
				});
			});

		</script>
        </div> <!-- End of #main_content -->
				<div class="clear"></div>
				
			</div> <!-- End of #content-wrapper -->
			<div class="clear"></div>
			
		</div> <!-- End of #height-wrapper -->                </div>

            </div>
        </div>
        <footer>
            <div class="container_12">
                Copyright &copy; 2012 HabBase, all rights reserved.
                <div id="button_bar">
                    <ul>
                        <li>

                            <span><a href="?page=dashboard">Dashboard</a></span>
                        </li>
                        <li>
                            <span><a href="?page=settings">Settings</a></span>
                        </li>
                        <li>
                            <span><a href="?page=logout">Logout</a></span>

                        </li>
                    </ul>
                </div>
            </div>
        </footer>
	</body>
</html>

komischerweise geht noch das Javascript das die div minimiert und öffnet

das hier ist der original Quelltext:

HTML:

<!doctype html> <!--
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
	<!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<!-- DNS prefetch -->
		<link rel=dns-prefetch href="//fonts.googleapis.com">

		<!-- Use the .htaccess and remove these lines to avoid edge case issues.
		More info: h5bp.com/b/378 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		
		<title>Charts :: Peach &ndash; Clean &amp; Smooth Admin Template</title>
		<meta name="description" content="">
		<meta name="author" content="">
		
		<!-- Mobile viewport optimized: j.mp/bplateviewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1">
		
		<!-- Place favicon.ico and apple-touch-icon.png in the root directory:
		mathiasbynens.be/notes/touch-icons -->

		
		<!-- CSS -->
		<link rel="stylesheet" href="css/960gs/fluid.css"> <!-- 960.gs Grid System -->
		<!-- The HTML5-Boilerplate CSS styling -->
		<link rel="stylesheet" href="css/h5bp/normalize.css"> <!-- RECOMMENDED: H5BP reset styles -->
		<link rel="stylesheet" href="css/h5bp/non-semantic.helper.classes.css"> <!-- RECOMMENDED: H5BP helpers (e.g. .clear or .hidden) -->
		<link rel="stylesheet" href="css/h5bp/print.styles.css"> <!-- OPTIONAL: H5BP print styles -->

		<!-- The main styling -->

		<link rel="stylesheet" href="css/sprites.css"> <!-- STRONGLY RECOMMENDED: Basic sprites (e.g. buttons, jGrowl) -->
		<link rel="stylesheet" href="css/header.css"> <!-- REQUIRED: Header styling -->
		<link rel="stylesheet" href="css/navigation.css"> <!-- REQUIRED: Navigation styling -->
		<link rel="stylesheet" href="css/content.css"> <!-- REQUIRED: Content styling -->
		<link rel="stylesheet" href="css/footer.css"> <!-- REQUIRED: Footer styling -->

		<link rel="stylesheet" href="css/typographics.css"> <!-- REQUIRED: Typographics -->

		<link rel="stylesheet" href="css/ie.fixes.css"> <!-- OPTIONAL: Fixes for IE7 -->
		<!-- Styling of JS plugins -->
		<link rel="stylesheet" href="css/plugin.charts.css"> <!-- PLUGIN: The charts styling -->
		
		<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
		
		<!-- All JavaScript at the bottom, except this Modernizr build incl. Respond.js
		Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5
		elements & feature detects;
		for optimal performance, create your own custom Modernizr build:
		www.modernizr.com/download/ -->
		<script src="js/libs/modernizr-2.0.6.min.js"></script>

	</head>

	
	<body>
		
		<!-- Begin of #height-wrapper -->
		<div id="height-wrapper">
			<!-- Begin of header -->
			<header>
				<!-- Begin of the header toolbar -->
				<div id="header_toolbar">

					<div class="container_12">
						<h1 class="grid_8">Peach &ndash; Clean &amp; Smooth Admin Template</h1>

						<!-- Start of right part -->
						<div class="grid_4">
							<!-- A small toolbar button -->
							<div class="toolbar_small">

								<div class="toolbutton">
									<span>3</span>
									<img src="img/icons/16x16/mail.png" width="16" height="16" alt="mail" >
								</div>

								<div class="toolbox" >
									<span class="arrow"></span>
									<h3>Your Messages</h3>

									<ul class="mail">
										<li>
											<a href="#"> <strong>10:15</strong>Need your Help!
											<small>
												From: John
											</small> </a>

										</li>
										<li>

											<a href="#"> <strong>9:55</strong>New comment on you theme
											<small>
												From: themeforest
											</small></a>
										</li>
										<li>
											<a href="#"> <strong>Yest.</strong>Successfull backup
											<small>

												From: System
											</small></a>
										</li>
										<li class="read">
											<a href="#"> <strong>2 days</strong>Bug report
											<small>
												From: Jane
											</small></a>
										</li>

									</ul>
									<a class="inbox" href="#">Go to inbox &raquo;</a>
								</div>
							</div> <!-- End of small toolbar button -->
							
							<!-- A large toolbar button -->
							<div class="toolbar_large">
								<div class="toolbutton">

									<div class="toolicon">

										<img src="img/icons/16x16/user.png" width="16" height="16" alt="user" >
									</div>
									<div class="toolmenu">
										<div class="toolcaption">
											<span>Administrator</span>
										</div>
										<!-- Start of menu -->

										<div class="dropdown">

											<ul>
												<li>
													<a href="#">Settings</a>
												</li>
												<li>
													<a href="#">Logout</a>

												</li>
											</ul>

										</div> <!-- End of menu -->
									</div>
								</div>
							</div> <!-- End of large toolbar button -->
						</div>

						<!-- End of right part -->
					</div>
				</div>

				<!-- End of the header toolbar -->
				
				<!-- Start of the main header bar -->
				<nav id="header_main">
					<div class="container_12">
						<!-- Start of the main navigation -->

						<ul id="nav_main">
							<li>
								<a href="#">
								<img src="img/icons/25x25/dark/computer-imac.png" width=25 height=25 alt="">

								Dashboard</a>
								<ul>
									<li>
										<a href="dashboard.html">Dashboard</a>

									</li>
									<li>
										<a href="404.html">404</a>

									</li>
									<li>
										<a href="login.html">Login</a>
									</li>

								</ul>
							</li>
							<li>
								<a href="#">

								<img src="img/icons/25x25/dark/blocks---images.png" width=25 height=25 alt="">
								Elements</a>
								<ul>
									<li>

										<a href="forms.html">Forms</a>
									</li>
									<li>
										<a href="gallery.html">Gallery</a>

									</li>
									<li>
										<a href="lists.html">Lists</a>

									</li>
									<li>
										<a href="tables.html">Tables</a>
									</li>
									<li>

										<a href="tabs.html">Tabs</a>
									</li>

									<li class="last-child">
										<a href="wizard.html">Wizard</a>
									</li>
								</ul>
							</li>
							<li>

								<a href="#">
								<img src="img/icons/25x25/dark/user-comment.png" width=25 height=25 alt="">

								User Information</a>
								<ul>
									<li>
										<a href="alert_boxes.html">Alert Boxes</a>
									</li>
									<li>

										<a href="messages.html">Messages (Fallr)</a>

									</li>
									<li>
										<a href="notifications.html">Notifications</a>
									</li>
								</ul>
							</li>
							<li class="current">

								<a href="#">

								<img src="img/icons/25x25/dark/robot.png" width=25 height=25 alt="">
								Plugins</a>
								<ul>
									<li class="current">
										<a href="charts.html">Charts</a>
									</li>
									<li>

										<a href="calendar.html">Calendar</a>
									</li>
									<li>
										<a href="explorer.html">Explorer</a>
									</li>
									<li>
										<a href="editor.html">Rich Text Editor</a>

									</li>
									<li>
										<a href="tooltips.html">Tooltips</a>
									</li>
								</ul>
							</li>
						</ul>
						<!-- End of the main navigation -->

					</div>
				</nav>
				<div id="nav_sub"></div>
			</header>
			
			<!-- Start of the content -->
			<div role="main" class="container_12" id="content-wrapper">
				
				<!-- Start of the main content -->
				<div id="main_content">

				
					<h2 class="grid_12">Charts</h2>

					<div class="clean"></div>
					<div class="grid_12">
						<div class="box">
							<div class="header">
								<img src="img/icons/16x16/graph.png" alt="" width="16"
								height="16">
								<h3>Charts</h3>

								<ul>
									<li><a href="#lines">Lines</a></li>

									<li><a href="#area">Area</a></li>
									<li><a href="#pie">Pie</a></li>
									<li><a href="#bar">Bar</a></li>
								</ul>

							</div>
							<div class="content">
								<div class="graph medium tab-content" id="lines"></div>

								<div class="graph medium tab-content" id="area"></div>
								<div class="graph medium tab-content" id="pie"></div>
								<div class="graph medium tab-content" id="bar"></div>
							</div>
							</div> <!-- End of .content -->

						</div> <!-- End of .box -->
					</div> <!-- End of .grid_12 -->

					
				</div> <!-- End of #main_content -->
				<div class="clear"></div>
				
			</div> <!-- End of #content-wrapper -->
			<div class="clear"></div>

			
		</div> <!-- End of #height-wrapper -->
		
		<!-- Start of footer-->
		<footer>

			<div class="container_12">
				Copyright &copy; 2011 YourCompany, all rights reserved.
				<div id="button_bar">
					<ul>

						<li>
							<span><a href="dashboard.html">Dashboard</a></span>
						</li>
						<li>

							<span><a href="#">Settings</a></span>
						</li>
					</ul>

				</div>
			</div>
		</footer><!-- End of footer-->
		
		
		<!-- JavaScript at the bottom for fast page loading -->
		<!-- Grab Google CDN's jQuery + jQueryUI, with a protocol relative URL; fall back to local -->		
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

		<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.js"><\/script>')</script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

		<script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui-1.8.16.min.js"><\/script>')</script>
		
		<!-- scripts concatenated and minified via build script -->
		<script defer src="js/plugins.js"></script> <!-- REQUIRED: Different own jQuery plugnis -->
		<script defer src="js/mylibs/jquery.ba-resize.js"></script> <!-- RECOMMENDED when using sidebar: page resizing -->

		<script defer src="js/mylibs/jquery.easing.1.3.js"></script> <!-- RECOMMENDED: box animations -->

		<script defer src="js/mylibs/jquery.ui.touch-punch.js"></script> <!-- RECOMMENDED: touch compatibility -->
		<script defer src="js/mylibs/jquery.tipsy.js"></script> <!-- REQUIRED for chart tooltips -->
		<script defer src="js/mylibs/flot/jquery.flot.js"></script> <!-- REQUIRED for chart -->
		<script defer src="js/mylibs/flot/jquery.flot.pie.js"></script> <!-- REQUIRED for pie chart -->

		<script defer src="js/mylibs/flot/jquery.flot.orderBars.js"></script> <!-- REQUIRED for bar chart -->
		<script defer src="js/script.js"></script> <!-- REQUIRED: Generic scripts -->
		<!-- end scripts -->
		<script>
			$(window).load(function() {
				var data = [{
					"label": "Europe (EU27)",
					"data": [[1999, 3.0], [2000, 3.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]],
					bars: {
						barWidth: 0.2, 
						order: 1,
						lineWidth : 2
					}
				}, {
					"label": "Japan",
					"data": [[1999, -0.1], [2000, 2.9], [2001, 0.2], [2002, 0.3], [2003, 1.4], [2004, 2.7], [2005, 1.9], [2006, 2.0], [2007, 2.3], [2008, -0.7]],
					bars: {
						barWidth: 0.2, 
						order: 2,
						lineWidth : 2
					}
				}, {
					"label": "USA",
					"data": [[1999, 4.4], [2000, 3.7], [2001, 0.8], [2002, 1.6], [2003, 2.5], [2004, 3.6], [2005, 2.9], [2006, 2.8], [2007, 2.0], [2008, 1.1]],
					bars: {
						barWidth: 0.2, 
						order: 3,
						lineWidth : 2
					}
				}];
				
				$.plot($('#lines'), data, {
					grid : {
						hoverable : true
					}
				});
				
				$.plot($('#area'), data, {
					grid : {
						hoverable : true
					}, series : {
						lines: { fill: true }
					}
				});
				
				$.plot($('#bar'), data, {
					grid : {
						hoverable : true
					}, series : {
						bars: { show: true }
					}
				});
				
				$.plot($('#pie'), [
					{ label: "Series1",  data: 10},
					{ label: "Series2",  data: 30},
					{ label: "Series3",  data: 90},
					{ label: "Series4",  data: 70},
					{ label: "Series5",  data: 80},
					{ label: "Series6",  data: 110}
				], {
					grid : {
						hoverable : false
					}, series : {
						pie: {
							show: true,
							radius: 1,	
							label: {
								show: true,
								radius: 3/4,
								formatter: function(label, series){
									return '<div style="font-size:10pt;text-align:center;padding:2px;color:white;">'+label+'<br/>'+Math.round(series.percent)+'%</div>';
								},
								background: { opacity: 0.5 }
							}	
						}
					}
				});
            
				$('.box').createTabs();
				$(window).resize();
			});
		</script>
		
		<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to
		support IE 6.
		chromium.org/developers/how-tos/chrome-frame-getting-started -->
		<!--[if lt IE 7 ]>
		<script defer
		src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
		<script
		defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
		<![endif]-->

	</body>
</html>

der originale geht aber meiner aus irgendwelchen gründen nicht

Das problem scheint im javascript auserhalb des headers zu liegen hier:

Code:

<script>
			$(window).load(function() {
                               alert("Test1");
				$('#confirm').click(function() {
					var clicked = function(){
						$.ajax({
							url: 'inc/kickrj.php',
							complete : function(){
								alert("Pech, nu wurd er gekickt!")
							}
						});
						$.fallr('hide');
					};
				
					$.fallr('show', {
						buttons : {
							button1 : {text: 'Ja', danger: true, onclick: clicked},
							button2 : {text: 'Abbrechen', onclick: function(){$.fallr('hide')}}
						},
						content : '<p>Willst du den RJ wirklich Kicken? er hat dir doch nichts getahn!</p>',
						icon    : 'error'
					});
				});
				alert("Test2");
				//Chart
				var data = [{
					"label": "Zuhörer",
					"data": [
					[1325917502000, 1],[1325917801000, 1],[1325918102000, 1],[1325918401000, 1],[1325918702000, 1],[1325919001000, 1],[1325919302000, 1],[1325919601000, 1],[1325919902000, 1],[1325920201000, 1],[1325920502000, 1],[1325920801000, 1]					],
					bars: {
						barWidth: 0.2, 
						order: 1,
						lineWidth : 2
					}
				}];
				
				$.plot($('#area'), data, {
						grid : {
							hoverable : true
						}, 
						series : {
							lines: { fill: true }
						},
						yaxis: {
							tickDecimals: 0
						},
						xaxis: {
							tickSize: [5, "minute"],
							mode: "time",
							timeformat: "%H:%M"
						 }
				});
			});

		</script>

ich hab da mal ein pa alerts zum testen eingefügt allerdings wird nur alert("Test1"); ausgeführt der rest nicht

rd4eva · 7. Januar 2012

Vielleicht könntest du das nächste mal deinen Beitrag einfach editieren.
Bzw. wenigstens versuchen den Fehler einzugrenzen und nur den relevanten Quellcode posten.

Nachdem ich keine große Lust habe mich durch diese Masse an Code zu kämpfen rate ich mal ins Blaue und behaupte es liegt an folgendem:
Du bindest zuerst alle Scripts ein die jQuery benötigen und danach erst jQuery.
Achja prototype auch noch.
Man sollte die Frameworks schon als erstes einbinden.

HTML:

<script defer src="js/libs/modernizr-2.0.6.min.js"></script>
        
		<script defer src="js/mylibs/jquery.ba-resize.js"></script>
		<script defer src="js/mylibs/jquery.easing.1.3.js"></script>
		<script defer src="js/mylibs/jquery.ui.touch-punch.js"></script>

		<script defer src="js/mylibs/jquery.chosen.js"></script>
		<script defer src="js/mylibs/jquery.validate.js"></script>
        <script defer src="js/mylibs/jquery.dataTables.js"></script>
        <script defer src="js/mylibs/jquery-fallr-1.2.js"></script>
		<script defer src="js/mylibs/jquery.checkbox.js"></script>
		<script defer src="js/mylibs/jquery.fileinput.js"></script>

		<script defer src="js/mylibs/jquery.placeholder.js"></script>
		<script defer src="js/mylibs/jquery.miniColors.js"></script>
		<script defer src="js/mylibs/jquery.text-overflow.js"></script>
		<script defer src="js/mylibs/jquery.ui.timepicker.js"></script>
        <script defer src="js/mylibs/jquery.tipsy.js"></script>
        
        <script defer src="js/mylibs/fullcalendar.js"></script>

        
		<script defer src="js/mylibs/flot/jquery.flot.js"></script>
		<script defer src="js/mylibs/flot/jquery.flot.pie.js"></script>
		<script defer src="js/mylibs/flot/jquery.flot.orderBars.js"></script>
        
        <script defer src="js/mylibs/jwysiwyg/jquery.wysiwyg.js"></script>
		<script defer src="js/mylibs/jwysiwyg/controls/wysiwyg.link.js"></script>
		<script defer src="js/mylibs/jwysiwyg/controls/wysiwyg.image.js"></script>

		<script defer src="js/mylibs/jwysiwyg/controls/wysiwyg.table.js"></script>
        
        <script defer src="js/prototype.js"></script>
        <script defer src="js/streaminfo.js"></script>
        <script defer src="js/plugins.js"></script>
        <script defer src="js/script.js"></script>
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

		<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.js"><\/script>')</script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
		<script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui-1.8.16.min.js"><\/script>')</script>

Cannon · 7. Januar 2012

lag leider nicht daran problem besteht immer noch

rd4eva · 7. Januar 2012

Danke @ sheel.

lag leider nicht daran problem besteht immer noch

Was sagt dir denn die Fehlerkonsole deines Vertrauens?

Cannon · 7. Januar 2012

Ok nachdem ich nun einige fehler anhand der Konsole gefunden habe zeigt er mir nun 1 fehler an bei dem ich keine Lösung weis

fullca...gcal.js (Zeile 16)
$("#confirm") is null

$('#confirm').click(function()

wollmaus · 7. Januar 2012

Da jQuery niemals solch einen Fehler wie in der Meldung produzieren würde($('selector') liefert dort niemals null sondern immer ein Objekt , und fullcalendar ist ein jQuery-plugin), kannst du davon ausgehen, daß du Opfer eines Namenskonfliktes zwischen prototypejs und jQuery geworden bist.

Lösung: $.noConflict()

✔ Fast alle Javascripte funktionieren aufeinmal nichtmehr

Cannon

Grünschnabel

rd4eva

Erfahrenes Mitglied

Cannon

Grünschnabel

rd4eva

Erfahrenes Mitglied

Cannon

Grünschnabel

wollmaus

Erfahrenes Mitglied

Neue Beiträge