Форум

timedo · #1 (**permalink**) 12.11.2013, 19:02

(Тему создал не там, сори) Я извиняюсь что каждые "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_ · #2 (**permalink**) 12.11.2013, 20:50

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

timedo · #3 (**permalink**) 13.11.2013, 13:04

Сообщение от jsru_

поправь 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_ · #4 (**permalink**) 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 · #5 (**permalink**) 13.11.2013, 13:36

Сообщение от jsru_

кликни на "посмотреть" и увидишь, что все работает

Спасибо вам за ответ! Да, оно работает если в обычном 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 · #6 (**permalink**) 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, только подключать

Форум

Справочник

Discord чат

Курсы javascript