JavaScript a PHP, Pisanie dodatku do Chrome Opcje

[phpsuse]

nie bardzo rozumiem gdzie tam jest odpowiedź.

U mnie funkcja działa dobrze ale jak wywołam ją ręcznie z konsoli. Jeśli uruchomię komponent to plik background.js wskazuje błąd w miejscu getJSON. funkcja napisana wyżej.

jak dam function show($) to przynajmniej nie czepia sie o jQuery
jak nie dam to się czepia.

[zegarek84]

dawno nie pisałem pluginów pod przeglądarki, ale możesz także korzystać z narzędzi deweloperskich tak jak na stronie... dodatkowo jQuery masz podpinane pod globalny obiekt window który masz w "ramce", nie jest on tworzony w globalnym obiekcie przeglądarki, z resztą to by nie miało sensu... pisząc plugin jesteś o warstwę wyżej niż na stronie internetowej, do czego to przyrównać(IMG:style_emoticons/default/questionmark.gif) np. na stronie masz dołączone jQuery, ale na stronie masz też iframe, o ile adres ramki jest z tego samego serwera to masz możliwość odwołania się do elementów znajdujących się w tej ramce... z pluginu będąc warstwę wyżej nie masz ograniczenia na politykę bezpieczeństwa...

zależy co dokładnie chcesz napisać i do czego to narzędzie ma służyć... może wystarczyło by stworzenie czegoś prostszego jak np. userscript?? warstwą logiki byłbyś od razu na poziomie strony internetowej...

jak dam function show($) to przynajmniej nie czepia sie o jQuery
jak nie dam to się czepia.

gdyż stworzyłeś zmienną $ i ma ona wartość undefined jeśli nie podałeś argumentu wywołując tą funkcję...

[phpsuse]

mam swoją aplikację napisaną w php. Jedną z funkcji aplikacji jest wysyłanie wiadomości między użytkownikami. Działa sobie ta aplikacja na jakims serwerku. Wadą jes że trzeba aplikacje miec otwartą przez przeglądarkę i otwartą stronę z nią. Chciałem napisać plugin do chrome który sprawdzałby czy jest wiadomość i wyświetlać komunikat notification jak gtalk. To wszystko już mam. Problem polega na tym ze musze informacje o wiadomościach wydobyć z bazy mysql do której dostęp jest tylko lokalny. Więc napisałem w php funkcje którea do zmiennych zwraca to co powinno pokazać się w komunikacie chroma (notification).

Wiec dane mam po uruchomieniu: http://localhost/chrome/message.php

mam napisane że co sekunde sprawdzam i wywołuje funkcje show która to pobiera dwie zmienne. I to dział bo sprawdzałem w konsoli dokładnie ten kod:

[XML] pobierz, plaintext 
$.getJSON( 'http://localhost/chrome/message.php', function( data ) {
 
   $( 'div' ).html( data.var1 + ' ' + data.var2 );
 
	 ppp = data.var1;
	}); 
[XML] pobierz, plaintext 

natomiast jak ta funkcja jest uruchamiana co sekunde to odrazu dostaje komunikat czepiający się o getJSON.
To samo skopiowane do konsoli działa. Nie bardzo rozumiem . To tak jakby w funkcji nie było dostępu do jQuery.
dlatego funkcje zaczełem wywoływać show($);

Tak mniej więcej wygląda funkcja:

[XML] pobierz, plaintext 
function show($) {
  var notification;
 
	$.getJSON( 'http://localhost/chrome/message.php', function( data ) {
 
   $( 'div' ).html( data.var1 + ' ' + data.var2 );
 
	 ppp = data.var1;
	}); 
[XML] pobierz, plaintext 

Ten post edytował phpsuse 23.05.2013, 18:59:00

[zegarek84]

teraz po treningu sobie tak sączę piwko i luknąłem na dokumentację (ale wolę czytać Qt C++ niż to ;p)... masz narzędzia developerskie to upewnij się, czy masz problem z samym jQuery (zasięgiem zmiennych, czy masz tam gdzie stosujesz tą funkcję dostępne jQ) czy może z polityką bezpieczeństwa zaimplementowaną w przeglądarce - angielski znam po łebkach ale stawiam na politykę bezpieczeństwa, nie widzę też całości kodu i dawno nie pisałem rozszerzenia to może i masz też nie zdefiniowany w tym miejscu jQ...
przeczytaj to:
Something to Declare i zwróć uwagę na "permissions"...
pozdro...

edit...
przeglądam po łebkach i czytam wybiórczo, ale patrząc na Twój plik manifest już widzę, że miałem rację
Cross-Origin XMLHttpRequest, dodatkowo jeśli operujesz na zakładkach to chyba musisz mieć dorzucone "tabs"... ogólnie to lektura tego manuala... masz tam jeszcze przykładowe pluginy...

Ten post edytował zegarek84 23.05.2013, 22:18:20

[phpsuse]

Ja mam taki błąd:

Uncaught TypeError: Cannot call method 'getJSON' of undefined

wywołuje to z konsoli

[XML] pobierz, plaintext 
$.getJSON( 'http://localhost/chrome/message.php', function( data ) {
 
   $( 'div' ).html( data.var1 + ' ' + data.var2 );
 
	 ppp = data.var1;
	});
[XML] pobierz, plaintext 

wpisuje ppp i dostaje odpowiedź prawidłową.


Teraz jak uruchomoe tą funkcję

[XML] pobierz, plaintext 
function show($) {
  var notification;
  var ppp = 'ppp';
  var time = /(..)(:..)/.exec(new Date());     // The prettyprinted time.
  var hour = time[1] % 12 || 12;               // The prettyprinted hour.
  var period = time[1] < 12 ? 'a.m.' : 'p.m.'; // The period of the day.
 
  //my_window = window.open("http://localhost/chrome/index_chrome.php", "new");
  //ppp = my_window.window.document.getElementById('nazwa');
 
	$.getJSON( 'http://localhost/chrome/message.php', function( data ) {
 
   $( 'div' ).html( data.var1 + ' ' + data.var2 );
 
	 ppp = data.var1;
	});
 
 
 
 notification = window.webkitNotifications.createNotification(
    '48.png',                      // The image.
    ppp + time[2] + ' ' + period, // The title.
    'Time to make the toast.'      // The body.
  );
[XML] pobierz, plaintext 

w taki sposób show($); to okienko notyfikacji sie pojawia a nie działa wczytywanie zmiennych z pliku message.php

a i plik manifest:

[XML] pobierz, plaintext 
{
  "manifest_version": 2,
 
  "name": "IMS - Chrome Extension",
  "description": "Dodatek do Google Chrome dla IMS - Spamel",
  "version": "1.1",
 
  "permissions": [
    "<all_urls>", "tabs", "notifications"
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
 
  "options_page": "options.html",
 
  "background": {
      "scripts": ["background.js", "jquery.js"]
  }
}
[XML] pobierz, plaintext 

Inaczej ta funkcja odpalona z konsoli działa:

[XML] pobierz, plaintext 
function show() {
  var notification;
  var ima = '48.png';
 
 $.getJSON( 'http://localhost/chrome/message2.php', function( data ) {
  $( 'div' ).html( data.var1 + ' ' + data.var2 );
  ppp = data.var1;
  ppp2 = data.var2;
	});
 
 notification = window.webkitNotifications.createNotification(
    '48.png',                      // The image.
    ppp + '', // The title.
    ppp2 + ''     // The body.
  );
notification.show();
 
}
[XML] pobierz, plaintext 

ta sama funkcja jako dodatek zwraca błąd: Uncaught ReferenceError: $ is not defined
w lini:

[XML] pobierz, plaintext 
$.getJSON( 'http://localhost/chrome/message2.php', function( data ) {
[XML] pobierz, plaintext 

co jest grane już mnie trafa ?

Ten post edytował phpsuse 24.05.2013, 06:29:19

[zegarek84]

piszesz co chcesz i nie wszystko udostępniasz...
masz linka
Using jQuery to build Google Chrome extensions
ale jeszcze raz napiszę, iż kontekst strony to nie to samo co kontekst pluginu - masz inne zmienne!!! podstawy js tu się kłaniają i dokumentacja google chrome...

edit...
zainstaluj sobie i przejrzyj źródła rozszerzenia
jQuery Shell

ale prawda jest taka, że nie bardzo wiesz w których plikach kiedy jesteś...

jeszcze możesz przejrzeć źródła
Inject jQuery gdzie możesz załączać jQ na dowolnej stronie - jednak nie o to Ci chodziło tylko o skorzystanie z jQ w pluginie!!!

dokumentacja i narzędzia developerskie to podstawa...
a jeśli chcesz zaimplementować userscript w google chrome na wzór GM z mozilli to dodatek to rozszerzenie typu Tampermonkey

Ten post edytował zegarek84 24.05.2013, 15:38:05