Написание динамических вкладок Hover в HTML с использованием переполнения стека

Question

Написание динамических вкладок Hover в HTML с использованием переполнения стека

Я перехожу по ссылке: Hover Tabs .Я читаю содержимое файла хочу сделать его как Я бы распечатайте вкладку соответственно.

Мой файл: NamingClass.txt содержит:

Bicycle
MountainBike
Test

Мой php код содержит:

<div class="tab">
<?php
$filename="NamingClass.txt";
$Content=file($filename);
$NoOfLine=count(file($filename));
for($i=0;$i<$NoOfLine;$i++)
{
$cont=$Content[$i];
$jid="'$cont'";
echo '<button class="tablinks" onmouseover="openCity(event, '.$jid.')">'.$cont.'</button>';
}
echo '</div>';
for($i=0;$i<$NoOfLine;$i++)
{
$cont=$Content[$i];
echo '<div id="'.$cont.'" class="tabcontent">
<h3>'.$cont.'</h3>
<p> Content1 code.....</p>
</div>';
}
?>

Но значение tabcontent не печатается. Я думаю, что ошибка, которую я делаю здесь, $ JID потому что в оригинальном коде

<button class="tablinks" onmouseover="openCity(event, 'London')">London</button>

Чтобы напечатать ‘London’ в php echo, я использовал $ jid = «‘cont cont» «;

echo '<button class="tablinks" onmouseover="openCity(event, '.$jid.')">'.$cont.'</button>';

Я перепробовал все возможности, но он не печатает вкладку. Пожалуйста, предложите что-нибудь.

-1

html html5 onclick onmouseover php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Когда вы назначаете $ NoOfLine, используйте count ($ Content) ;, а не count (file ($ filename)); Кроме того, оба цикла, кажется, делают одно и то же, поэтому я бы скомбинировал их, затем повторил ваш первый кодовый блок в цикле for (), а также построил ваш второй эхо в этом первом цикле for (), а затем отобразил эхо, которое собрало данные после завершения цикла for () также file () не удаляет EOL, поэтому я использовал бы array_map с trim || rtrim (), когда вы пытаетесь поднять файл (). Я также считаю бесполезным переписывать / копировать переменные, когда у вас уже есть переменная в «$ Content [$ i]» …

Пример…

$filename = "NamingClass.txt";

$Content  = array_map ( 'rtrim', file ( $filename ) );

$NoOfLine = count ( $Content );

$secondL  = '';

for ( $i = 0; $i < $NoOfLine; $i += 1 )
{
echo '<button class="tablinks" onmouseover="openCity(event, \'' . $Content[$i] . '\')">' . $Content[$i] . '</button>';

$secondL .= '<div id="' . $Content[$i] . '" class="tabcontent">
<h3>' . $Content[$i] . '</h3>
<p> Content1 code.....</p>
</div>';
}

echo '</div>';

echo $secondL;

2