Forum PHP.pl > zmiana src

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: zmiana src

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Michuu94

3.02.2011, 22:24:21

Witam, mam na stronie zewnętrzny JavaScript (z zupełnie innej strony, dopuszczony do publicznego użytku), który wyświetla mi pewien tekst w bloku.
Skrypt ten codziennie wyświetla automatycznie co innego.
Wyświetlaną zawartością można zarządzać jednak przez zmianę jednego znaku w adresie skryptu, tj. domyślne "0" wyświetla to, co jest na dziś, jeżeli wpiszę "-1", będzie ze wczoraj, a np. "5" - to, co za pięć dni.

Wszystko działa bezbłędnie, nie muszę nic robić, żeby ten blok mi się aktualizował.

Mój problem polega na tym, że chciałbym zrobić odnośniki "poprzedni dzień" i "następny dzień", można by dodawać i odejmować tą liczbę deklarując ją jako zmienną. Ale jak technicznie zrobić, żeby zmieniał się atrybut "src" wewnątrz linku do zewnętrznego JavaScriptu? Myślałem, że zrobi się to tak, jak zmianę obrazka, a okazało się, że nie działa. Chodzi mi o naciśnięcie przycisku, dzięki któremu wyświetli się zupełnie inny tekst, tzn. zmieni się wyświetlany JavaScript.

Czy ktoś ma jakiś pomysł?
Jestem trochę zielony w kwestii JavaSrcript i PHP, z góry dziękuję za wszelką pomoc

kamil4u

4.02.2011, 16:42:24

Spróbuj dodać skrypt poprzez DOM, czyli nie zmieniasz "src", tylko dodajesz cały element <script> do <head> - poczytaj o DOM, to dowiesz się, jak w prostu sposób to się robi(createElement, appendChild itd.)

Michuu94

10.02.2011, 22:47:20

Dziękuję

czytam, kombinuje, ale nie wychodzi. Najpierw chcę usunąć element przez removeChild, i nic nie działa.
ale nie rozumiem dlaczego piszesz, żeby Script dodać do <head> i o który Script chodzi - ten zmieniający, czy wyświetlający?

AdIoS_Neo

11.02.2011, 00:37:00

Witaj,
niestety zmiana atrybutu src nic nie da ponieważ ten blok jest raz odczytywany podczas ładowania strony i nawet jeśli zmienisz wartość atrybutu src (bo się da

) to nowy plik nie zostanie pobrany i dołączony do aktualnej zawartości strony. Do osiągnięcia pożądanego przez Ciebie efektu wydaje mi się najlepiej wykorzystać AJAX ew. pływająca ramkę (tylko w niej nie masz kontroli nad stylem).

Michuu94

14.02.2011, 21:18:16

ramka mnie nie interesuje, bo nie pasuje do wyglądu.
Czytam o DOM, opanowałem appendChild, problemem jest jedynie to, że gdy przez appendChild dodaję skrypt (któremu wcześniej ustawiłem atrybuty) to zawartość - tekst, który jest wyświetlany przez skrypt pojawia się w całym oknie, bez stylów na białym tle, a na dodatek staje się jedynym obiektem wewnątrz <body>, adres strony się nie zmienia. Chcę osiągnąć, żeby jako dziecko dodał się do jednego <div> w odpowiednim miejscu strony.

[JAVASCRIPT] pobierz, plaintext 
<script>// <![CDATA[
function znikaj() {
var blok = document.getElementById('wnetrze');
var rodzic = blok.parentNode;
rodzic.removeChild(blok);
}
function pojaw() {
var stworz = document.createElement('div');
stworz.setAttribute("id","wnetrze");
document.getElementById('calosc').appendChild(stworz);
var blok = document.getElementById('wnetrze');
var adres = 'adres skryptu z src';
var skrypt = document.createElement("script");
skrypt.setAttribute("src",adres);
skrypt.setAttribute("type","text/javascript");
skrypt.setAttribute("id","lit");
blok.appendChild(skrypt);
}
// ]]></script>
[JAVASCRIPT] pobierz, plaintext

i wywołanie:

[HTML] pobierz, plaintext 
<p onClick="znikaj()">ZNIKAJ</p>
<p onClick="pojaw()">POJAW SIĘ</p>
<div id="calosc">
<div id="wnetrze">
<script type="text/javascript" id="lit" src="http://www.niedziela.pl/out/liturgia_out.js.php?data=0"></script> 
</div>
</div>
[HTML] pobierz, plaintext

puki co mam to bez przechodzenia do następnego dnia, o czym pisałem w pierwszym poście, żeby się nauczyć samej metody appendChild. Ostatecznie połączę obie funkcje w jedną.
Czy ktoś wie w czym popełniłem błąd i jak zaradzić temu, żeby tekst nie był wyświetlany w całym oknie, a stał się dzieckiem?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.