2016-01-27 93 views
0

我需要創建一個「字詞搜索」拼圖,如果將鼠標懸停在某個單詞上,它會更改顏色,以便輕鬆找到它。 爲此,我已將搜索部分和單詞separate arrays分開。 我想爲每個角色添加x,其中'x'是一個隨機字符。向字符串中的每個字符添加代碼

我不知道什麼代碼可以幫助我實現這一點。

拼圖的一部分:

-e ------------- A - E-

-k - galabal --- A --- 1-

-e -----------噸----叔

-n-straatlantaarn鄰

-diuleg ------- ---- u-

---- kade ---------- w -

計算機------------

(不斷裂線)

隨着 電腦,galabal,straatlantaarn,geluid,卡德 和一些其他的詞需要被搜索。 難題是20 x 20個字符。

+0

給你想要的一些例子。 –

+0

可以添加變量$ letter和$ ruweWoordzoeker – devpro

+2

這兩個變量的例子我不清楚字符串替換應該如何改變你的拼圖顏色,你能給出更詳細的例子你的單詞,搜索空間和顯示東西的代碼。 – Glubus

回答

0
<?php 
$letters = array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"); 
for($x = 0; $x < count($ruweWoordzoeker); $x++ { 
for($y = 0; $y < count($ruweWoordzoeker[$x]); $y++) 
{ 
    if ($ruweWoordzoeker[$x][$y] == '-') 
    { 
     $ruweWoordzoeker[$x][$y] = $letters[array_rand($letters)]; 
    } 
} 

這是解決不斷變化的每一個「 - 」一個隨機的信。
輸入是:$ruweWoordzoeker
輸出是:$ruweWoordzoeker

0

我會盡力指出你正確的方向,而不用餵食代碼。

繼承人的算法。

  1. 使用explodewhitespace字符作爲delimiter分裂字符串的所有字的陣列。
  2. 遍歷所有數組元素並開始創建HTML輸出。
  3. 對於每個單詞,請在其前面加上<span class="word-highlight">
  4. 並附加每個單詞與一個</span>
  5. 記住還重新創建句子時追加空白。
  6. 還保持處理句號和代詞等方便的邏輯。
  7. 現在寫的CSS代碼來處理(在我們的例子.word-highlight)各自的類:hover事件的鼠標,並隨後改變顏色。
+0

我想OP也想改變每個' - '的隨機角色。不只是讓頁面看起來很漂亮。 – Glubus

+0

這是我的主要目的,我想確保' - '隨機字母變化。我想自己做的其他代碼,所以我可以學習而不是複製。無論如何感謝您的建議。 –

相關問題