• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Zmiana zawartości diva po kliknięciu.

VPS Starter Arubacloud
0 głosów
826 wizyt
pytanie zadane 21 marca 2017 w JavaScript przez Marcin90 Użytkownik (500 p.)

Witam. Jak podmienić zawartość diva o id="content", przez naciśnięcie innego diva o klasie submenu. Zamienić ma na podstronę w php o nazwie klikanego diva, by mieć możliwość tworzenia innych wariacji strony.

Jestem na etapie:

$(document).ready(function(){
$(".submenu").click(function() {
        $("#content").load(this.id + ".php");
    });
});

 

Czyli zastosowanie 2 medoty z "Kursu HTML odc. 3: Linkowanie podstron, przyjazne adresy, fontello". W kursie jest przedstawiona metoda 1 czyli z gotowymi podstronami a ja chce podmienić tylko zawartość tego diva. 

2 odpowiedzi

0 głosów
odpowiedź 22 marca 2017 przez Marcin90 Użytkownik (500 p.)
edycja 22 marca 2017 przez Marcin90

Problem rozwiązany. 

$(document).ready(function(){
$(".submenu").on("click", function() {	
		$("#content").load(this.id + ".php");
	});
});

Dla sprawdzenia wstawiam byście sprawdzili kod.

Z ciekawostek to pierwszy raz chrom wywalił mi ponad 6000 errorów i tylko 150 ostrzeżeń.

komentarz 22 marca 2017 przez hoktaur Pasjonat (22,250 p.)

this.id powinno być przynajmniej filtrowane bo w tej chwili każdy może zmieniać id elementu i może wczytać coś co akurat nie chcesz...

Lepiej by było zrobić np. load.php który będzie spr. czy dane są właściwe oraz wczytywał (jinclud'ował) sobie co tam chcesz, a całość wywołania było by coś w ten deseń( p.s. pisane z palca nie testowane ;) ):

$(document).ready(function(){
  $(".submenu").on("click", function() {  
    $.post("load.php",
      {
          mojeID: this.id
      },
      function(data, status){
           ('.jakisTamWezel').html(data)
      });
    });
  });
});

 

 

komentarz 23 marca 2017 przez Marcin90 Użytkownik (500 p.)

Czy zastosowanie folderu jest wystarczające do filtrowania?

$(document).ready(function(){
	$(".submenu").on("click", function() {	
		$("#content").load("folder/" + this.id + ".php");
	});
});

Bo wtedy wczyta teoretycznie tylko to co jest w folderze.

Ewentualnie zrobić switch z możliwościami lub tak jak ty napisałeś weryfikować przez load.php

 

 

0 głosów
odpowiedź 3 kwietnia 2017 przez Marcin90 Użytkownik (500 p.)

Zastosowałem filtrowanie przez ajax czyli wyszukiwanie czy ten plik istnieje w folderze akcje. Działa tylko teraz pytanie czy skrypt spełnia działanie filtrujące.

$(document).ready(function(){
	autoOpen: false;
	$(".akcje").on("click", function (){var akc = this.id; $.ajax({
    url: '/akcje/' + this.id + '.php',
    error: function()
		{
			alert( "Nieznaleziono strony/skryptu" );
		},
	success: function()
		{
			$("#content").load("akcje/" + akc + ".php");
		}
	})
	});
});

 

Podobne pytania

+1 głos
1 odpowiedź 125 wizyt
pytanie zadane 31 marca 2023 w HTML i CSS przez zbiku25 Gaduła (3,000 p.)
0 głosów
4 odpowiedzi 3,632 wizyt
0 głosów
1 odpowiedź 1,951 wizyt
pytanie zadane 24 maja 2017 w HTML i CSS przez Norbert123 Początkujący (290 p.)

93,081 zapytań

142,045 odpowiedzi

321,464 komentarzy

62,427 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...