Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Плагин chrome, файл popup.html (https://javascript.ru/forum/jquery/42877-plagin-chrome-fajjl-popup-html.html)

timedo 12.11.2013 19:02
Плагин chrome, файл popup.html
 
(Тему создал не там, сори) Я извиняюсь что каждые "5-ть минут" создаю новую тему на форуме, но я просто никак не могу понять вот когда создаешь плагин под chrome, нужно создавать различные файлы и одним из них есть popup.html(это окошечко, когда мы нажимаем на значек плагина) почему в нем если просто вывести значение ничего не работает, прошу помочь этот вопрос меня очень мучает.

--popup.html--
<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="jquery.js"></script>
<script  type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">

<script>
	var titles = 111;
	var login = "log";
	var pass  = "pass";

	$('ul.list').appened(
	'<li>'+ titles + '</li>');
</script>

</head>
<body>	
	<div id="bodyWalp">
		<h2>Не выводит =(</h2>
		<ul class="list"></ul>
	</div>
</body>
</html>

jsru_ 12.11.2013 20:50
поправь append и перенеси скрипт вниз пере закрывающим боди

timedo 13.11.2013 13:04
Цитата:
Сообщение от jsru_ (Сообщение 280703)
поправь append и перенеси скрипт вниз пере закрывающим боди
Я написал:

<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="jquery.js"></script>
<script  type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>	
	<div id="bodyWalp">
		<h2>Не выводит =(</h2>
		<ul class="list"></ul>
	</div>
<script>
	var titles = 111;
	var login = "log";
	var pass  = "pass";

	$('ul.list').append(
	'<li>'+ titles + '</li>');
</script>
</body>
</html>



И все равно не работает, в файле popup.html(всплывающее окно когда нажимаешь на иконку плагина) как я понял нельзя писать js - безопасность хрома не позволяет. Как тогда можно выводить там что то? Пытался хотя б цвет поменять ul,li через подключаемый js, не работает:
--popup.html--
<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="popup.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>	
	<div id="bodyWalp">
		<h2>Пароли от сайтов</h2>
		<ul class="list">asdasdsd</ul>
		<li>Маша</li>
	</div>

</body>
</html>

--popup.js--
document.body.children[1]  = 'red';
document.body.children[1].children[1] = 'red';

jsru_ 13.11.2013 13:18
кликни на "посмотреть" и увидишь, что все работает
<!DOCTYPE html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css">



</head>
<body>	
	<div id="bodyWalp">
		<h2>Не выводит =(</h2>
		<ul class="list"></ul>
	</div>
<script>
	var titles = 111;
	var login = "log";
	var pass  = "pass";

	$('ul.list').append(
	'<li>'+ titles + '</li>');
</script>
</body>
</html>

timedo 13.11.2013 13:36
Цитата:
Сообщение от jsru_ (Сообщение 280792)
кликни на "посмотреть" и увидишь, что все работает
Спасибо вам за ответ! Да, оно работает если в обычном html файле написать это, но когда делаешь плагин, там есть различные файлы, я хочу чтоб результат выводило в popup.html, всплывающее окно когда нажимаешь на иконку плагина, по политике безопасности в нем нельзя писать js, только подключать(как я понял). Я хотел спросить как можно тогда с ним работать(с popup.html) если даже подключаемый в head js не работает.

--popup.html--
<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="popup.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>	
	<div id="bodyWalp">
		<h2>Пароли от сайтов</h2>
		<ul class="list">asdasdsd</ul>
		<li>Маша</li>
		<div id="button"><input type="button" value="Hesapla" /></div>
	</div>

</body>
</html>


--popup.js--
document.body.children[1]  = 'red';
document.body.children[1].children[1] = 'red';

timedo 13.11.2013 14:09
Я разобрался, на это ушло очень много времени =) Может кому то пригодится

файл: popup.html
<!DOCTYPE html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery.js"></script>
<script  type="text/javascript" src="popup.js"></script> //файл popup.js должен подключаться именно тут
</head>
<body>	
	<div id="bodyWalp">
		<h2>Пароли от сайтов</h2>
		<ul class="list"></ul>
	</div>
</body>
</html>


файл: popup.js
$(document).ready(function(){
    var asd = "111";
      	$('ul.list').append('<li>' + asd + '</li>');
   
});


Как стало ясно в popup.html нельзя писать js, только подключать


Часовой пояс GMT +3, время: 20:47.