Edycja bloków html za pomocą skryptu

Edycja bloków html za pomocą skryptu
FB
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 6 lat
  • Postów:13
0

Witam,
Chciałbym stworzyć mini panel administracyjny na stronie html tylko nie mogę wymyślić jak to zrobić :(
Już opisuję jak to wygląda.
Mam załóżmy stronę główną (index.html), a w nim są umieszczone bloki za pomocą div'ów. Mam załóżmy
div o id "content" w którym jest jakiś tekst
drugi plik to jest panel.html w którym mam np.
input i obok przycisk potwierdź
i chciałbym za pomocą java scriptu zrobić coś takiego, że po wpisaniu w panelu w miejscu input np. "ASD" i gdy to zrobię i kliknę przycisk "Potwierdź" zmieni się to w index.html
Ja osobiście myślałem nad stworzeniem oddzielnego pliku javascript i potem dodanie go do obu plików html
"

<head> <script src="zmiana.js"></script>" </head> " a potem dodania onload do div'a ale i tak nie wiem czy to by w ogóle zadziałało i jak ten skrypt napisać, ponieważ jestem na etapie początkującym. Proszę pomóżcie mi :(
edytowany 3x, ostatnio: fbrzxd
stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
0

o backendzie slyszal?;)


λλλ
edytowany 2x, ostatnio: stivens
FB
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 6 lat
  • Postów:13
0

jeszcze nie słyszałem

stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
1

to juz uslyszales :D

jak juz w jsie piszesz to zobacz sobie node.js
albo python/ruby/java/c# backend
albo (nie wierze ze to mowie) php

dodam ze jesli sie tylko uczysz i to nie ma byc powazna strona to mozna bez backendu za pomoca localStorage w javascriptcie ale wtedy to dziala tylko dla konkretnej przegladarki (nie ze dla chrome'a np tylko dla konkretnej instancji przegladarki zainstalowanej na konkretnym komputerze, ktora ma dostep do swojego indywidualnego localStorage)


λλλ
edytowany 2x, ostatnio: stivens
FB
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 6 lat
  • Postów:13
0

no dobra coś tam zobaczyłem o co chodzi i rzeczywiście przydatne ale zbytnio jeszcze tego nie rozumiem.. i w sumie nie wiem nadal w jaki sposób mogę to zrobić i otrzymać taki efekt jaki chcę. Jakieś wskazówki ?

stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
0

w twoim przypadku mozesz zrobic mniej wiecej tak:

Kopiuj
localStorage.setItem('content', 'lorem ipsum dolor sit amet');

a zeby odczytac:

Kopiuj
localStorage.content;
>>"lorem ipsum dolor sit amet";

ale tak jak mowie kiepskie rozwiazanie bo zmiany widac tylko u siebie


λλλ
edytowany 1x, ostatnio: stivens
FB
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 6 lat
  • Postów:13
0

No ja bardziej potrzebuję aby było to na stałe żeby w jednym html umieścić form i po wpisaniu tekstu w nim i zatwierdzeniu przyciskiem, dodawało tekst do drugiego pliku html w dane miejsce np. przez id. Lub dodać jeden form i np do diva o id jakimś tam w drugim pliku html dodawało kod który tam wpiszę, lecz wolałbym pierwsze rozwiązanie, żeby było bardziej przejrzyście ;)

stivens
  • Rejestracja:ponad 8 lat
  • Ostatnio:około 2 godziny
1

bez skryptu po stronie serwera sie nie obejdzie
i ja bym sugerowal zmiany w bazie danych a nie bezposrednio w plikach... ;)


λλλ
FB
  • Rejestracja:ponad 6 lat
  • Ostatnio:ponad 6 lat
  • Postów:13
0

Dobra, dzięki za podpowiedzi ;) Coś mi przybliżyłeś chociaż i coś wymyślę ;) 5!
Ps. Oczywiście jeśli ktoś inny ma jakieś pomysły to dawać śmiało ;)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.