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

Dokonanie wyboru na podstawie miniaturek

0 głosów
49 wizyt
pytanie zadane 13 września 2017 w HTML i CSS przez altara Początkujący (290 p.)

Witam,

Zaczynam programować i proszę o pomoc Was, czyli ekspertów.

Mam miniaturki zrobione w bootstrapie, np. po 4 w 3-ch rzędach.
Chciałabym, żeby na podstawie wyświetlenia miniaturek, można było dokonać wyboru przepisu kulinarnego (np. kliknięcie w obrazek sałatki powoduje pobranie zmiennej nr=8 i jest podstawą do tego, że z bazy danych wybrany zostanie rekord np. o id=8 i pod miniaturkami wyświetli się przepis na sałatkę). Baza danych ma strukturę: id, link do zdjęcia, opis). Pobranie przepisu z bazy danych zrobiłam w PHP. Problem: jaką metodę zastosować do konwersji miniaturki na numer, czyli jak to zrobić, że jak kliknę na miniaturkę, to pobiorę numer przypisany do tej miniaturki.

Próbowałam:

 <div class="miniaturki">
        <div class="container">

            <div class="col-xs-6 col-md-3">
                <a href="#przepis1" class="thumbnail">
                    <img src="img/rachael-gorjestani-154907.jpg">
                    <span>Pasta z groszku</span> 
                    <?php $numer=1 ?>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img src="img/miniatura1.jpg">
                    <span>Marchewkowiec</span>
                    <?php $numer=2 ?>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img src="img/miniatura2.jpg">
                    <span>Przepis na coś tam</span>
                    <?php $numer=3 ?>
                </a>
            </div>
            <div class="col-xs-6 col-md-3">
                <a href="#" class="thumbnail">
                    <img src="img/miniatura3.jpg">
                    <span>Kołacz z serem</span>
                    <?php $numer=4 ?>
                </a>
            </div>
        </div>
    </div>

    <?php echo "Zmienna numer = " . $numer ?>
 

i tak:

<ul>
        <li><a href="temat4.php?nr=1">Pasta z groszku</a></li>
            <?php $numer=1 ?>
            <?php echo "Zmienna numer = " . $numer ?>
        <li><a href="temat4.php?nr=2">Marchewkowiec</a></li>
        <?php $numer=2 ?>
        <?php echo "Zmienna numer = " . $numer ?>
        <li><a href="temat4.php?nr=3">Sałatka</a></li>
        <?php $numer=1 ?>
        <?php echo "Zmienna numer = " . $numer ?>
    </ul>


    <?php echo "Zmienna numer = " . $numer ?>

Za każdym razem zmienna przyjmuje ostatnią wartość. 

Proszę o poradę, jaką metodę tu zastosować, żeby dokonać wyboru.

2 odpowiedzi

+1 głos
odpowiedź 13 września 2017 przez Chess Nałogowiec (49,530 p.)
wybrane 13 września 2017 przez altara
 
Najlepsza
<a href="?cake=apple">click</a>
<a href="?cake=pear">click</a>
<?php 
if(!isset($_GET['cake'])){
	null;
}else{ 
	switch($_GET['cake']){
		case 'apple':
			echo 'tak';
			break;
		case 'pear':
			echo 'nie';
			break;
	}
}

?>

 

komentarz 13 września 2017 przez altara Początkujący (290 p.)
Dziękuję za pomoc. Właśnie o to mi chodziło.
komentarz 13 września 2017 przez altara Początkujący (290 p.)

@ShiroUmizake  

Na razie nie znam jeszcze AJAX-a. Chyba muszę zacząć od JS i JQuery. Na pewno wykorzystam Twoje pomysły dot. mojego pytania.

Dziękuję Wam wszystkim za pomoc. Bardzo się przydała.

+1 głos
odpowiedź 13 września 2017 przez ShiroUmizake Nałogowiec (38,940 p.)
To zależy, jak bardzo chcesz się ograniczyć od backendu.

Mozesz walnać foreach w php wyechować listę miniaturek , doklejając id do img. Następnie, możesz zdarzenie AJAX po przez kliknięcie do jakiegoś tam serwisu obsługującego twoją bazę danych. Wcześniej twoje API (frontowe) zbudować sensowny URL wykorzystując np: id obrazka.

Inne rozwiązanie to automatycznie podczas zdarzenia load wywołować AJAX-a pobrać wszystko odrazu z niego, a póżniej najwyżej filtrować otrzymane dane. Ale tu jest trochę więcej roboty.

Podobne pytania

0 głosów
3 odpowiedzi 234 wizyt
0 głosów
1 odpowiedź 66 wizyt
pytanie zadane 1 lutego 2017 w Inne języki przez niezalogowany
0 głosów
0 odpowiedzi 124 wizyt
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

50,844 zapytań

93,082 odpowiedzi

188,903 komentarzy

24,758 pasjonatów

Przeglądających: 322
Pasjonatów: 23 Gości: 299

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...