Holas, aver si alguien me da un cable , que ya me duele la cabeza y no es mi área esta parte y la verdad me tiene sin dormir XD,.
Cuento con 2 files, un index.html y un items.html, desde el index.html se carga items.html, el problema es que cuando le meto un script al items.html, no me los muestra, en el index.html
Index.html
Código:
<!DOCTYPE html>
<html data-ng-app="ngApp">
<head>
<script src="https://jwpsrv.com/library/+SIITL5fEeO4_CIACmOLpg.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">
<link href='https://fonts.googleapis.com/css?family=Duru+Sans|Istok+Web' rel='stylesheet' type='text/css'><link rel="stylesheet" href="css/bootstrap-theme.min.css">
</head>
<body data-ng-controller="main" >
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img ng-src="{{sitelogo}}"/><span ng-bind="sitename"></span></a>
</div>
<div class="navbar-collapse collapse" style="position:relative">
<div class="simplecart_div">
<span class="showCart"><i class="fa fa-shopping-cart"></i> <span class="simpleCart_quantity"></span> items - <span class="simpleCart_total"></span> <i class="dropdown fa fa-chevron-circle-down"></i> </span>
<button class="simpleCart_checkout btn btn-xs btn-primary">Checkout</button>
</div>
<div id="cartPopover" style="display:none">
<div class="simpleCart_items"></div>
</div>
</div><!--/.navbar-collapse -->
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div id="content">
<h1 class="page_title" ng-bind="pagetitle"></h1>
<div style="margin-bottom:20px" class="page_description" ng-bind="pagedescription"></div>
<div class="loading"><i style="vertical-align:middle;color:#888;font-size:30px" class="fa fa-cog fa-spin"></i> loading...</div>
<div style="display:none" ng-cloak class="ng-cloak" data-ng-view=""></div>
</div>
</div>
</div>
<hr>
<footer>
<p><span ng-bind-template="© {{sitename}} 2014 | Contact me at {{siteemail}} | "></span>Powered by <a href='http://canvasnow.com'>PayPal Instant Store Cart</a></p>
</footer>
</div>
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/vendor/jquery-1.10.1.min.js"></script>
<script src="js/vendor/angular.js"></script>
<script src="js/vendor/angular-resource.min.js"></script>
<script src="js/vendor/angular-route.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/tabletop.js"></script>
<script src="js/vendor/jquery.grid-a-licious.min.js"></script>
<script src="js/simpleCart.min.js"></script>
<script src="js/app.js"></script>
<script id='script'>
// MUST CHANGE THIS URL TO YOUR OWN "PUBLISHED" GOOGLE DOC URL
public_spreadsheet_url = "https://docs.google.com/a/thelastart.com/spreadsheet/pub?key=0As7ueB-BviwSdHZjcnIybVhSWmgtdzQzd1BqTUdkbUE&output=html";
sheet = "Sheet1"; // NORMALLY called Sheet1 on default Google Docs spreadsheet
$(document).ready(function() {
$('.showCart').on('click',function() {
$('#cartPopover').slideToggle('fast');
$('.showCart i.dropdown').toggleClass('fa-chevron-circle-down fa-chevron-circle-up');
})
});
</script>
</body>
</html>
<html data-ng-app="ngApp">
<head>
<script src="https://jwpsrv.com/library/+SIITL5fEeO4_CIACmOLpg.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">
<link href='https://fonts.googleapis.com/css?family=Duru+Sans|Istok+Web' rel='stylesheet' type='text/css'><link rel="stylesheet" href="css/bootstrap-theme.min.css">
</head>
<body data-ng-controller="main" >
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img ng-src="{{sitelogo}}"/><span ng-bind="sitename"></span></a>
</div>
<div class="navbar-collapse collapse" style="position:relative">
<div class="simplecart_div">
<span class="showCart"><i class="fa fa-shopping-cart"></i> <span class="simpleCart_quantity"></span> items - <span class="simpleCart_total"></span> <i class="dropdown fa fa-chevron-circle-down"></i> </span>
<button class="simpleCart_checkout btn btn-xs btn-primary">Checkout</button>
</div>
<div id="cartPopover" style="display:none">
<div class="simpleCart_items"></div>
</div>
</div><!--/.navbar-collapse -->
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div id="content">
<h1 class="page_title" ng-bind="pagetitle"></h1>
<div style="margin-bottom:20px" class="page_description" ng-bind="pagedescription"></div>
<div class="loading"><i style="vertical-align:middle;color:#888;font-size:30px" class="fa fa-cog fa-spin"></i> loading...</div>
<div style="display:none" ng-cloak class="ng-cloak" data-ng-view=""></div>
</div>
</div>
</div>
<hr>
<footer>
<p><span ng-bind-template="© {{sitename}} 2014 | Contact me at {{siteemail}} | "></span>Powered by <a href='http://canvasnow.com'>PayPal Instant Store Cart</a></p>
</footer>
</div>
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/vendor/jquery-1.10.1.min.js"></script>
<script src="js/vendor/angular.js"></script>
<script src="js/vendor/angular-resource.min.js"></script>
<script src="js/vendor/angular-route.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/tabletop.js"></script>
<script src="js/vendor/jquery.grid-a-licious.min.js"></script>
<script src="js/simpleCart.min.js"></script>
<script src="js/app.js"></script>
<script id='script'>
// MUST CHANGE THIS URL TO YOUR OWN "PUBLISHED" GOOGLE DOC URL
public_spreadsheet_url = "https://docs.google.com/a/thelastart.com/spreadsheet/pub?key=0As7ueB-BviwSdHZjcnIybVhSWmgtdzQzd1BqTUdkbUE&output=html";
sheet = "Sheet1"; // NORMALLY called Sheet1 on default Google Docs spreadsheet
$(document).ready(function() {
$('.showCart').on('click',function() {
$('#cartPopover').slideToggle('fast');
$('.showCart i.dropdown').toggleClass('fa-chevron-circle-down fa-chevron-circle-up');
})
});
</script>
</body>
</html>
Items.html
Código:
<div data-ng-template="table" class="items">
<div class="simpleCart_shelfItem item" data-ng-repeat="item in items" size-column>
<div class="item_image"><img ng-src="{{ item.imagelink }}"/></div>
<h2 class="item_name" ng-bind="item.name"></h2>
<h1 class="item_prueba" ng-bind="item.prueba"></h1>
<div class="item_description" ng-bind="item.description"></div>
<div id='playerPyVnYFeEBoif'>
<script type='text/javascript'>
jwplayer('playerPyVnYFeEBoif').setup({
file: '/vod/mp4:/7/7/2/6/5/5/2556277.mp4',
image: 'http://www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
width: '100%',
aspectratio: '16:9'
});
</script></div>
Hola
<div style="margin-top:10px;">
<button class="item_add btn btn-xs btn-success">Launch Movie</button>
<span class="item_price"> ${{item.price}}</span>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="simpleCart_shelfItem item" data-ng-repeat="item in items" size-column>
<div class="item_image"><img ng-src="{{ item.imagelink }}"/></div>
<h2 class="item_name" ng-bind="item.name"></h2>
<h1 class="item_prueba" ng-bind="item.prueba"></h1>
<div class="item_description" ng-bind="item.description"></div>
<div id='playerPyVnYFeEBoif'>
<script type='text/javascript'>
jwplayer('playerPyVnYFeEBoif').setup({
file: '/vod/mp4:/7/7/2/6/5/5/2556277.mp4',
image: 'http://www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
width: '100%',
aspectratio: '16:9'
});
</script></div>
Hola
<div style="margin-top:10px;">
<button class="item_add btn btn-xs btn-success">Launch Movie</button>
<span class="item_price"> ${{item.price}}</span>
</div>
<div class="clearfix"></div>
</div>
</div>
Se que es una burrada, pero no entiendo donde esta la falla y como podría solucionarlo?,
Esto es lo que no me carga, ni siquiera un Hola mundo, lanzado de script?
Código:
<script type='text/javascript'>
jwplayer('playerPyVnYFeEBoif').setup({
file: '/vod/mp4:/7/7/2/6/5/5/2556277.mp4',
image: 'http://www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
width: '100%',
aspectratio: '16:9'
});
</script></div>
jwplayer('playerPyVnYFeEBoif').setup({
file: '/vod/mp4:/7/7/2/6/5/5/2556277.mp4',
image: 'http://www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
width: '100%',
aspectratio: '16:9'
});
</script></div>