Skocz do zawartości
Naven

Pomoc z elementem do gry

Promowane odpowiedzi

Cześć.

 

Jakiś czas temu gdy rozpocząłem naukę php zacząłem pisać mały projekt gry (póki co nie będę się cd. niego bardziej rozpisywał bo nie lubię pisać o czymś co nie jest dopięte na ostatni guzik). 

 

W sumie napisałem cały prosty silnik w php i i wszystko działa w miarę zadowalająco. Niestety o ile się orientuje php działa po stronie serwera i nie ma możliwości, żeby coś działo się bez odświeżenia strony (chyba, że jakaś jest - błagam, oświećcie mnie). 

 

Chcę zrobić button, po którego wciśnięciu dodają się jakieś tam punkty do bazy i losuje się jego następna pozycja (w php mam to zrobione i wygląda to mniej więcej bez zapytań w ten sposób:)

 

Wiem, że kod jest dość toporny bo pisałem całość jakiś czas temu, ale uznałem, że nie ma sensu nic przerabiać skoro i tak pewnie całość jest do zmiany.

 

gra.php (bez zapytań etc. tak jak pisałem)

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> 
<link rel="stylesheet" type="text/css"  href="losowanie.css" />
</head>
<body>
<div id="środek">
 
 
<?php
 
$rand = rand(1,10);
 
  if ($rand == 5)
{
>
    <div id="p2">
    
    <?php
  }
 
 
 
 elseif($rand == 7) {
    >
    <div id="p4">
    
    <?php
 
}
 
 elseif($rand == 4) {
    >
    <div id="p2">
    
    <?php
 
}
 
 elseif($rand == 8) {
    >
    <div id="p5">
    
    <?php
 
}
 
 elseif($rand == 6) {
    >
    <div id="p5">
    
    <?php
 
}
 
 
 elseif($rand == 1) {
    >
    <div id="p7">
    
    <?php
 
}
 
 
elseif($rand == 9) {
    >
    <div id="p6">
    
    <?php
 
}
 
 else {
 
>
<div id="p3">
<?php
 
 }
 
 
echo '<form method="POST" action="gra.php">
<input type="submit" name="go" value="go"/> 
</form>';
 
 
></div>
 
</body>
 

losowanie.css

#p1 {
margin-left: 15%;
margin-top:4%;
}
#p2 {
margin-left: 20%;
margin-top:4%;
}
#p3 {
margin-left: 60%;
margin-top:25%;
}
#p4 {
margin-left: 5%;
margin-top:10%;
}
#p5 {
margin-left: 25%;
margin-top:25%;
}
#p6 {
margin-left: 1%;
margin-top:5%;
}
#p7 {
margin-left: 30%;
margin-top:5%;
}
 

Także proszę o jakąś wskazówkę cd. napisania tego w js, a najlepiej napisanie całości jeśli ktoś by mógł, bo w sumie i tak raczej tego języka się uczyć nie zamierzam (może kiedyś), a ten element jednak mieć muszę.

 

Jeszcze raz w skrócie - chodzi mi o przepisanie tego żeby strona się podczas wykonywania całości nie przeładowała no i oczywiście żeby działało to też z zapytaniami.

 

 

 

 

Z góry przepraszam za ew. brak jakiejś tam orientacji ale dopiero zaczynam z programowaniem. 

Edytowane przez Naven

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×