[AJAX][PHP][JavaScript]Wprowadzanie elementów do divów bez podglądu Opcje

[BienuSS]

Witam
Mam coś takiego że schufluje mi tablice przy wczytywaniu strony, tworze hashe dla każdego diva i potrzebuje zrobić tak żeby po kliknieciu dopiero pokazały sie obrazki w danym divie, ale żeby użytkownik wczesniej nie mógł zobaczyć który obrazek jest w którym divie.

Dostałem już kiedys taką odpowiedz od @trueblue

Hashe są powiązane z obrazkami, tak?
Jeśli tak, to wyświetlasz tylko hashe (które są w sesji), a kiedy ktoś kliknie na jedną z odpowiedzi, to wysyłasz poprzez Ajax jej hash. Na serwerze sprawdzasz, która odpowiedź miała hash i odsyłasz pary hash+źródło obrazka, a jedną z par oznaczasz jako prawidłową. Kiedy dostaniesz odpowiedź, to przypisujesz hashom na stronie obrazki (dodajesz je) i oznaczasz odpowiedzi jako prawidłowe/nieprawidłowe.

I mam tu pytanie bo daje do div id="hash" i mówisz żeby przypisac hashom obrazki ale musze to zrobic przez

Kod

document.getElementById("").innerHTML=" <img src="<?echo $obrazek1;?>">"

ale wtedy i tak mi widac tresc obrazka

[nospor]

Nie, powiedziano ci wyraznie, ze obrazek masz pobierac przez AJAX. Gdzie tu masz AJAX?

[BienuSS]

Kod z ajaxu tutaj nie wrzucałem bo nie do konca to rozumiem, ajax odsyła do kodu php, a ja za pomocą js musze wprowadzić obrazki do diva

[trueblue]

Do PHP wysyłasz hash/hashe, a odsyłasz źródło obrazka/ów i wstawiasz na stronę.

P.S. Nie łatwiej było kontynuować tamten temat?

[BienuSS]

1. zrobic to w php za pomocą if czy jak? chodzi mi o to odsyłanie źródła obrazka dla danego hasha?
2. jak mam wstawić pozniej obrazek bez użycia js do diva ?

Tamten temat zszedł już wgl w inną stronę i stwierdziłem że nawet po samym temacie komuś później moze być łatwiej znaleź odpowiedz

[trueblue]

ad.1 Proponowałem Ci, abyś hashe przechowywał w sesji (to jest właśnie dobry powód na kontynuację tamtego wątku). Wtedy klucz elementu to hash, a wartość elementu to źródło obrazka. Nie musisz wtedy stosować żadnych if.
ad.2 A kto powiedział, że bez JS? Skoro będziesz używał Ajax do zapytania o źródła obrazków, to raczej będziesz odpowiedź umieszczał przy pomocy JS.

[BienuSS]

Czyli później dane zwracane przez ajax wrzucić do js, i wtedy nie będą widoczne dla użytkownika, tak ?

[trueblue]

Żądanie Ajax wykonasz w JS, więc nic nie wrzucasz do JS - już będziesz miał te dane.
Raczej powinny być widoczne dla użytkownika, bo przecież po kliknięciu chcesz pokazać obrazki - jaki inny sens miałoby żądanie Ajax?

[BienuSS]

Nie rozumiemy sie do końca, dane wychodzące z ajaxa bede miał juz w js ok,
chodzi mi o to żeby użytkownik nie widział w kodzie do którego diva idzie który obrazek
bo będę musiał dać document,getelement byid().innerhtml=" i tu źródło obrazka"

[trueblue]

To jaki cel ma to żądanie Ajax? Pobrać źródła obrazków i nie pokazywać ich?

[BienuSS]

Bo chodzi o to że obrazki pokazują się po nakliknieciu na któryś div czyli w momencie klikniecia wysyła sie ajax, i żeby wczesniej nie było widać w którym divie jest jaki obrazek - przed kliknieciem

[trueblue]

Po raz kolejny piszę.
Na kliknięcie wykonujesz żądanie Ajax wysyłając hash lub kilka hashy, w odpowiedzi otrzymujesz źródło/a obrazków. Mając powiązanie hash<->źródło obrazka, wstawiasz je na stronę. Robisz to w JS.

[BienuSS]

z tymi hashami tak: ?

[PHP] pobierz, plaintext 
$_SESSION['hash_obrazka'] = źródło obrazka;
[PHP] pobierz, plaintext 

a ajax tak:

[HTML] pobierz, plaintext 
$('#pobierz').click(function() { 
 
        $.ajax({
            type:"GET",
            url:"pobierz.php", 
[HTML] pobierz, plaintext 

data i datatype chyba nie musze pisać

i w pobierz.php

[PHP] pobierz, plaintext 
wprowadzić własnie te zmienne:
$_SESSION['hash_obrazka'] = źródło obrazka;
[PHP] pobierz, plaintext 

Mam jeszcze pytanie , bo elementy do diva są losowanie za pomocą shuffle array, czy ludzie moga wykryć pattern na to ?

Ten post edytował BienuSS 5.04.2018, 14:35:13

[trueblue]

W pobierz.php:

[PHP] pobierz, plaintext 
$zrodlo_obrazka = $_SESSION[$hash_obrazka];
[PHP] pobierz, plaintext 

Czy ludzie mogą wykryć jak są przestawiane elementy? A czy ludzie mogą trafić 6-tkę w totka?

[BienuSS]

A czy w ten sposób

[PHP] pobierz, plaintext 
$zrodlo obrazka = $sesion['hash']
[PHP] pobierz, plaintext 

nie podpinamy pod zmienna "$zrodloobrazka" danego hasha
nie tak:

[PHP] pobierz, plaintext 
$sesion['hash'] = "100.jpg";
[PHP] pobierz, plaintext 

Ten post edytował BienuSS 5.04.2018, 14:47:57

[trueblue]

Tak, w ten sposób podpinamy jakąś wartość pod zmienną $zrodlo obrazka.

[BienuSS]

Dobra nie ważne ja sie pogubilem juz wszystko ogarniam

Aktualny kod:

[PHP] pobierz, plaintext 
 session_start();
//tworze hashe
$_SESSION[$hash] = $item;
[PHP] pobierz, plaintext 

nastepnie JS:

[HTML] pobierz, plaintext 
 <script>
jQuery(function ($)
{ // a
    $(".area").click(function (event)
    {
    	$.ajax({
                  type: "GET",
                  url: "random_case_id.php",
                  dataType: "json",
					success: function(data)
					{
					case1 =data["case1"];
			                case2 =data["case2"];
                                        document.getElementById('<?echo $hash;?>').innerHTML = '<img src="'case1'" style="width:80px; height:80px; padding-top:15px;">';
                                        document.getElementById('<?echo $hash2;?>').innerHTML = '<img src="'case2'" style="width:80px; height:80px; padding-top:15px;">';
                                        },
                });
    });
});
 
 </script>
[HTML] pobierz, plaintext 

i random_case_id.php

[PHP] pobierz, plaintext 
	$case1_skin = $_SESSION[$hash];
	$case2_skin = $_SESSION[$hash2];
 
       	$myObj1->case1 = $case1_skin;
	$myObj1->case2 = $case2_skin;
 
        $myJSON1 = json_encode($myObj1);
 
         echo $myJSON1;
 
[PHP] pobierz, plaintext 

I problem mam w tym że w pliku random_case_id.php nie widzi mi zmiennych z sesji, próbowałem je już wysyłać w ajaxie:
data: $_SESSION[$hash] = $item, ale to nic mi nie dało

Kombinowałem też z serializacją danych, żeby wrzucić te wszystkie zmienne do tablicy, dać serialize i wrzucić do data, ale tez nie pyklo

Ten post edytował BienuSS 6.04.2018, 23:32:33

[trueblue]

I problem mam w tym że w pliku random_case_id.php nie widzi mi zmiennych z sesji, próbowałem je już wysyłać w ajaxie:

A startujesz sesję w tym pliku?

<img src="'case2'" ...

A tu co robisz?

[BienuSS]

AD1 tak dałem session_start(); ale czy wtedy nie startuje nowa sesja i zmienne znikają ?

AD2 To wprodadza obrazki do diva żeby sie pokazały, całą animacje bede robił później

UP