Forum PHP.pl > Tabliczka mnożenia - wyświetlanie czynników po najechaniu na komórkę tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Tabliczka mnożenia - wyświetlanie czynników po najechaniu na komórkę tabeli

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

QeRICKpl

27.01.2018, 16:10:36

Witam,
mam problem i nie wiem jak zabrać się do tego zadania. Mianowicie, mam za pomocą PHP + JS stworzyć tabele mnożenia, w której po najechaniu na daną komórkę, wyświetlą się czynniki danej liczby.
Sam kod tworzący tabelę wygląda u mnie następująco:

[PHP] pobierz, plaintext 
echo '<table border=1>';
for($a=1; $a <=10; $a++){
echo '<tr>';
	for($b=1; $b<=10; $b++){ 
		if($a==1 || $b==1)
			echo '<td bgcolor="green">'.$a*$b.'</td>';
		else
			echo '<td>'.$a*$b.'</td>';
	}	
echo '</tr>';
}
echo '</table>';
[PHP] pobierz, plaintext

I tu moje pytanie. Bo rozumiem, żeby wykonać to zadanie powinienem skorzystać z funkcji onmouseover w JS. Ale jak powinien wyglądać kod w JS, żebym otrzymał zamierzony efekt?
Pozdrawiam i liczę na pomoc!

markuz

27.01.2018, 19:33:25

A próbowałeś w jakiś sposób go dodać?

[PHP] pobierz, plaintext 
<div onmouseover="alert(1)">abc</div>
[PHP] pobierz, plaintext

trueblue

27.01.2018, 19:50:09

https://jsfiddle.net/nq3whn1k/

QeRICKpl

27.01.2018, 20:30:23

TAk, tylko potem nie potrafiłem tak tego napisać, żeby zmienna z php była odczytywana przez js.

A co do linku, to właśnie nie mogę użyć css, wszystko ma opierać się tylko na js i php

W sumie to tak jakoś wygląda cały mój kod, tylko nie tak jak pisałem, nie potrafię zrobić taka, żeby js widział zmienne php.

[HTML] pobierz, plaintext 
<head>
<meta charset="UTF-8">
  <script type="text/javascript">
 
    function onmouseoverHandler()
 
    {
	var a_js = $a_php;
	var b_js = $b_php;
      alert(a + ' x ' + b);
 
    }
 
    </script>
</head>
 
<body>
<?php 
echo '<table border=1>';
for($a=1; $a <=10; $a++){
echo '<tr>';
	for($b=1; $b<=10; $b++){ 
		if($a==1 || $b==1)
			echo '<td bgcolor="green" onmouseover="onmouseoverHandler();">'.$a*$b.'</td>';
		else
			echo '<td onmouseover="onmouseoverHandler();">'.$a*$b.'</td>';
	}	
echo '</tr>';
}
echo '</table>';
 
?>
 
 
 
</body>
[HTML] pobierz, plaintext

markuz

27.01.2018, 20:43:49

https://jsfiddle.net/gden6c0z/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.