🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Thread View: pl.comp.lang.javascript
6 messages
6 total messages Started by Łukasz Mon, 29 Feb 2016 11:08
ajax bootstrap modal
#51637
Author: Łukasz
Date: Mon, 29 Feb 2016 11:08
38 lines
1894 bytes
Dzień Dobry.
Zrobiłem w bootstrap modal, select. I chciałbym by zawartość div (div 
znajduje się w modalu) zmieniała się dynamicznie w zależności jaką opcję 
wybiorę.

select najzwyczjniejszy na świecie:
<select id="wybor">
     <option value="1">1</option>
     <option value="2">2</option>
</select>
<div id="zawartosc"></div>


ajax:
$(document).ready(function () {
     $('#wybor').change(function(){
         $.ajax({
             url: "zmiana.php",
             type: "post",
             data: {option: $(this).find("option:selected").val()},
             success: function(data){
                 $("#zawartosc").html(data);
             }
         });
     });
});

<?php
echo 'Test';
?>


No i niestety nie działa. Oczywiście zmiana.php pokazuje tylko tekst, 
nie zrobiłem jeszcze warunków co ma pokazywać w zależności od wybranej 
opcji. W każdym razie w modalu to nie działa. Jak całość jest poza 
modal, bezpośrednio na stronie to działa.

Proszę o jakieś wskazówki. Bardzo dziękuję.
Re: ajax bootstrap modal
#51638
Author: zpksoft
Date: Mon, 29 Feb 2016 12:55
43 lines
2492 bytes
W dniu poniedziałek, 29 lutego 2016 12:08:40 UTC+1 użytkownik Łukasz napisał:
> Dzień Dobry.
> Zrobiłem w bootstrap modal, select. I chciałbym by zawartość div (div 
> znajduje się w modalu) zmieniała się dynamicznie w zależności jaką opcję 
> wybiorę.
> 
> select najzwyczjniejszy na świecie:
> <select id="wybor">
>      <option value="1">1</option>
>      <option value="2">2</option>
> </select>
> <div id="zawartosc"></div>
> 
> 
> ajax:
> $(document).ready(function () {
>      $('#wybor').change(function(){
>          $.ajax({
>              url: "zmiana.php",
>              type: "post",
>              data: {option: $(this).find("option:selected").val()},
>              success: function(data){
>                  $("#zawartosc").html(data);
>              }
>          });
>      });
> });
> 
> <?php
> echo 'Test';
> ?>
> 
> 
> No i niestety nie działa. Oczywiście zmiana.php pokazuje tylko tekst, 
> nie zrobiłem jeszcze warunków co ma pokazywać w zależności od wybranej 
> opcji. W każdym razie w modalu to nie działa. Jak całość jest poza 
> modal, bezpośrednio na stronie to działa.
> 
> Proszę o jakieś wskazówki. Bardzo dziękuję.

document.getElementById('moj div').innerHTML='costam';

Paweł
Re: ajax bootstrap modal
#51639
Author: Łukasz
Date: Mon, 29 Feb 2016 13:29
11 lines
1244 bytes
W dniu 29.02.2016 o 13:55, zpksoft pisze:

> document.getElementById('moj div').innerHTML='costam';

Próbuję tak:
document.getElementById('zawartosc').innerHTML = data;

ale dalej nie działa. Tak jak by to co jest w modal nie dawało się zmienić.

-- 
Łukasz
Re: ajax bootstrap modal
#51641
Author: necro666
Date: Mon, 29 Feb 2016 14:36
13 lines
1352 bytes
On 2016-02-29 13:29:18 +0000, ukasz said:

> W dniu 29.02.2016 o 13:55, zpksoft pisze:
> 
>> document.getElementById('moj div').innerHTML='costam';
> 
> Próbuję tak:
> document.getElementById('zawartosc').innerHTML = data;
> 
> ale dalej nie działa. Tak jak by to co jest w modal nie dawało się zmienić.

To bedzie bardziej replaceWith z jQuery ale możesz to gdzieś pokazać na 
żywo? To powinno już działać tak jak jest
Re: ajax bootstrap modal
#51640
Author: zpksoft
Date: Mon, 29 Feb 2016 15:07
16 lines
1875 bytes
W dniu poniedziałek, 29 lutego 2016 14:29:21 UTC+1 użytkownik Łukasz napisał:
> W dniu 29.02.2016 o 13:55, zpksoft pisze:
> 
> > document.getElementById('moj div').innerHTML='costam';
> 
> Próbuję tak:
> document.getElementById('zawartosc').innerHTML = data;
> 
> ale dalej nie działa. Tak jak by to co jest w modal nie dawało się zmienić.
> 
> -- 
> Łukasz

Ja Ci więcej nie pomogę bo nie używam takich wynalazków. Prosta komunikacja ajaksowa jest bardzo prosta w implementacji i działa niezawodnie, nie wiem po co ludzie komplikują sobie życie :)

Paweł
Re: ajax bootstrap modal
#51642
Author: Łukasz
Date: Tue, 01 Mar 2016 09:21
15 lines
1163 bytes
W dniu 29.02.2016 o 12:08, Łukasz pisze:

> Proszę o jakieś wskazówki. Bardzo dziękuję.


Cześć.
Okazało się że w kodzie, w innym miejscu umieściłem:
<div id="zawartosc"></div>

i dlatego w modalu mi tego nie pokazywał.
Dzięki za wskazówki.


-- 
Łukasz
Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads