ugrás a tartalomhoz

Tömb elemeiből linkek, miért különbözik?

Hellhammer · 2011. Jún. 22. (Sze), 16.00
Üdv!

"találjunk ki magunknak gyakorlófeladatot" státuszban: olyan képgalériát akartam csinálni, hogy látsz egy képet, fölötte linkek, hogy link1 link2 stb... rá kattintva a megjelenített kép változik.
A feladat sikerült, működik is, meg minden, de valamit nem értek:
Nem írom le az egészet, csak a lényeg: mappa tartalmának lekérése, majd átadása tömbbe: sorszám + fájlnév
Tehát:
1 DSC0166.jpg
2 Dsc0234.jpg
stb..
Magukat a linkeket úgy gondoltam, hogy:

echo '<a href="eleresi/ut/'.$tomb[1].'">'.$tomb[0].'</a>'.'-';
tehát úgy jelenik meg, hogy 1-2-3-4-5 ... és a számokra tudsz kattintani.

Ha viszont azt írom, hogy:

echo '<a href="eleresi/ut/'.$tomb[1].'">'.$tomb[1].'</a>'.'-';
Akkor úgy jelenik meg, hogy: DSC0321.jpg-DSC0121.jpg-stb , tehát magukat a fájlneveket írja ki linkké.

Nekem "ránézésre" a két megoldás nem különbözik egymástól elviekben, de mégis különböző módon jelenítette meg:
Az első eset:1-2-3 egyetlen hosszú sorban írta ki, és vízszintes scrollsávot adott.

Viszont a második esetben a böngésző ablakának szélességének megfelelően tördeli a "szöveget", 100 kép esetén teljes képernyőben 5sor, ha a firefox ablakát kisebbre méretezem, akkor szépen okosan több sorban jeleníti meg...

Valaki esetleg tudja, mitől van ez?
 
1

Mutass HTML-t

Poetro · 2011. Jún. 22. (Sze), 16.24
Jobb lenne, ha mutatnál HTML-t, mert abból látszana az egész. Amire tippelek, hogy mivel volt benne . ezért könnyebben el tudta választani a szöveget. És persze azt is írd le, hogy milyen böngészőkben nézted, és hogy azok azonos megjelenést produkálnak-e.
2

Köszi, hogy foglalkozol vele, és..

Hellhammer · 2011. Jún. 22. (Sze), 17.55
de alapvetően azt hittem, van valami standard oka ennek...

Böngésző: konstans ugyanaz van mindennél. Alapból Ff-t használok, de megnéztem IE-vel is, úgy is ugyanaz lesz + havernak átküldtem, ő opera és ff-szal megnézte, és mind a 4 esetben teljesen analóg a megjelenés.

HTML: melyikre gondolsz? Mármint: mivel csak valamivel foglalkozni akartam, nincs igazán konkrét html, az "oldal forrása" c. ablakban megjelenő:

<html>
<head>
<title>galeria</title>
</head>
<body>
<div align="center"; id="kepdiv">
<img border="0" src="DSC03910.JPG" width="666"> 
</div>
<div align="left"; id="linkdiv">
<a href="?kep=DSC03910.JPG">DSC03910.JPG</a>-

//töröltem 100 db ugyanilyen tagot

<a href="?kep=DSC04023.JPG">DSC04023.JPG</a>-
</div>
</body>
</html>
Ezt magából a galeria.php fájlból "úgy jön", hogy
echo 01.-06.sor;
A 7. sort, a:

if(!empty($_GET['kep']))  
{  
if (!file_exists($_GET['kep']) )  
{  
echo '<img border="0" src="ezazelsokepneve.jpg" width="666">';
}  
else  
{  
echo '<img border="0" src="'.$_GET['kep'].'" width="666">';
}  
}  
else  
{  
echo '<img border="0" src="ez az elsokepneve.jpg" width="666">';
}  
if-else ág visszatérési értéke szerinti echo adja /ez ugye a kép div tartalma lesz/

Ez után include azt a php-t, ami létrehozza a $tomb tömböt,
majd
echo '<a href="?kep='.$tomb[1].'">'.$tomb[1].'</a>'.'-';
végül echo /div, /body, /html;

Remélem, ezen infók valamelyikére gondoltál..

A tipped pedig: mármint, a fájlnév-pont-kiterjesztésben lévő pontra gondolsz? Ez teljesen logikusnak hangzik, és nyilván jobban értesz a szakmához; viszont kipróbáltam = gondoltam én is rá.. bár ez a "szimuláció" ugye nem teljesen azonos, de kipróbáltam, mivan, ha a
echo '<a href="?kep='.$tomb[1].'">'.$tomb[0].'</a>'.'-';
helyett
echo '<a href="?kep='.$tomb[1].'">'.$tomb[0].'.'.$tomb[0].'</a>'.'-';
írok: tehát nem 1-2-3-4-5- hanem 1.1-2.2-3.3-4.4-5.5- lesz a kiírt eredmény, de a megjelenítési mód = 1sor+görgetősáv maradt.
3

Nem értesz

Poetro · 2011. Jún. 22. (Sze), 19.36
A megjelenés szempontjából édesmindegy mi a PHP kód. Egyenlőre felejtsd is el. Mutass HTML-t. És olyat, amivel reprodukálni lehet a hibás működést.
5

Bocs Poetro, ha értetlen voltam, szóval..

Hellhammer · 2011. Jún. 22. (Sze), 20.07
ha így gondolod:
Ezzel van sortörés:

<html>
<head>
<meta http-equiv="Content-Language" content="hu">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>ígyjó</title>
</head>
<body>

<div align="center"; id="layer1">
<html><img border="0" src="DSC03910.JPG" width="666"></html>  

</div>
<a href="?kep=DSC03910.JPG">1.DSC03910.JPG</a>-<a href="?kep=DSC03911.JPG">2.DSC03911.JPG</a>-<a href="?kep=DSC03912.JPG">3.DSC03912.JPG</a>-<a href="?kep=DSC03914.JPG">4.DSC03914.JPG</a>-<a href="?kep=DSC03916.JPG">5.DSC03916.JPG</a>-<a href="?kep=DSC03917.JPG">6.DSC03917.JPG</a>-<a href="?kep=DSC03918.JPG">7.DSC03918.JPG</a>-<a href="?kep=DSC03919.JPG">8.DSC03919.JPG</a>-<a href="?kep=DSC03920.JPG">9.DSC03920.JPG</a>-<a href="?kep=DSC03921.JPG">10.DSC03921.JPG</a>-<a href="?kep=DSC03922.JPG">11.DSC03922.JPG</a>-<a href="?kep=DSC03923.JPG">12.DSC03923.JPG</a>-<a href="?kep=DSC03924.JPG">13.DSC03924.JPG</a>-<a href="?kep=DSC03925.JPG">14.DSC03925.JPG</a>-<a href="?kep=DSC03926.JPG">15.DSC03926.JPG</a>-<a href="?kep=DSC03927.JPG">16.DSC03927.JPG</a>-<a href="?kep=DSC03928.JPG">17.DSC03928.JPG</a>-<a href="?kep=DSC03929.JPG">18.DSC03929.JPG</a>-<a href="?kep=DSC03930.JPG">19.DSC03930.JPG</a>-<a href="?kep=DSC03931.JPG">20.DSC03931.JPG</a>-<a href="?kep=DSC03932.JPG">21.DSC03932.JPG</a>-<a href="?kep=DSC03933.JPG">22.DSC03933.JPG</a>-<a href="?kep=DSC03934.JPG">23.DSC03934.JPG</a>-<a href="?kep=DSC03938.JPG">24.DSC03938.JPG</a>-<a href="?kep=DSC03939.JPG">25.DSC03939.JPG</a>-<a href="?kep=DSC03940.JPG">26.DSC03940.JPG</a>-<a href="?kep=DSC03941.JPG">27.DSC03941.JPG</a>-<a href="?kep=DSC03942.JPG">28.DSC03942.JPG</a>-<a href="?kep=DSC03943.JPG">29.DSC03943.JPG</a>-<a href="?kep=DSC03944.JPG">30.DSC03944.JPG</a>-<a href="?kep=DSC03945.JPG">31.DSC03945.JPG</a>-<a href="?kep=DSC03946.JPG">32.DSC03946.JPG</a>-<a href="?kep=DSC03947.JPG">33.DSC03947.JPG</a>-<a href="?kep=DSC03948.JPG">34.DSC03948.JPG</a>-<a href="?kep=DSC03949.JPG">35.DSC03949.JPG</a>-<a href="?kep=DSC03950.JPG">36.DSC03950.JPG</a>-<a href="?kep=DSC03951.JPG">37.DSC03951.JPG</a>-<a href="?kep=DSC03952.JPG">38.DSC03952.JPG</a>-<a href="?kep=DSC03953.JPG">39.DSC03953.JPG</a>-<a href="?kep=DSC03956.JPG">40.DSC03956.JPG</a>-<a href="?kep=DSC03958.JPG">41.DSC03958.JPG</a>-<a href="?kep=DSC03960.JPG">42.DSC03960.JPG</a>-<a href="?kep=DSC03961.JPG">43.DSC03961.JPG</a>-<a href="?kep=DSC03962.JPG">44.DSC03962.JPG</a>-<a href="?kep=DSC03963.JPG">45.DSC03963.JPG</a>-<a href="?kep=DSC03964.JPG">46.DSC03964.JPG</a>-<a href="?kep=DSC03965.JPG">47.DSC03965.JPG</a>-<a href="?kep=DSC03966.JPG">48.DSC03966.JPG</a>-<a href="?kep=DSC03967.JPG">49.DSC03967.JPG</a>-<a href="?kep=DSC03968.JPG">50.DSC03968.JPG</a>-<a href="?kep=DSC03969.JPG">51.DSC03969.JPG</a>-<a href="?kep=DSC03970.JPG">52.DSC03970.JPG</a>-<a href="?kep=DSC03971.JPG">53.DSC03971.JPG</a>-<a href="?kep=DSC03972.JPG">54.DSC03972.JPG</a>-<a href="?kep=DSC03973.JPG">55.DSC03973.JPG</a>-<a href="?kep=DSC03974.JPG">56.DSC03974.JPG</a>-<a href="?kep=DSC03975.JPG">57.DSC03975.JPG</a>-<a href="?kep=DSC03976.JPG">58.DSC03976.JPG</a>-<a href="?kep=DSC03977.JPG">59.DSC03977.JPG</a>-<a href="?kep=DSC03978.JPG">60.DSC03978.JPG</a>-<a href="?kep=DSC03979.JPG">61.DSC03979.JPG</a>-<a href="?kep=DSC03980.JPG">62.DSC03980.JPG</a>-<a href="?kep=DSC03981.JPG">63.DSC03981.JPG</a>-<a href="?kep=DSC03983.JPG">64.DSC03983.JPG</a>-<a href="?kep=DSC03984.JPG">65.DSC03984.JPG</a>-<a href="?kep=DSC03985.JPG">66.DSC03985.JPG</a>-<a href="?kep=DSC03986.JPG">67.DSC03986.JPG</a>-<a href="?kep=DSC03987.JPG">68.DSC03987.JPG</a>-<a href="?kep=DSC03988.JPG">69.DSC03988.JPG</a>-<a href="?kep=DSC03989.JPG">70.DSC03989.JPG</a>-<a href="?kep=DSC03990.JPG">71.DSC03990.JPG</a>-<a href="?kep=DSC03991.JPG">72.DSC03991.JPG</a>-<a href="?kep=DSC03992.JPG">73.DSC03992.JPG</a>-<a href="?kep=DSC03993.JPG">74.DSC03993.JPG</a>-<a href="?kep=DSC03995.JPG">75.DSC03995.JPG</a>-<a href="?kep=DSC03995.JPG">76.DSC03995.JPG</a>-<a href="?kep=DSC03996.JPG">77.DSC03996.JPG</a>-<a href="?kep=DSC03997.JPG">78.DSC03997.JPG</a>-<a href="?kep=DSC03998.JPG">79.DSC03998.JPG</a>-<a href="?kep=DSC03999.JPG">80.DSC03999.JPG</a>-<a href="?kep=DSC04000.JPG">81.DSC04000.JPG</a>-<a href="?kep=DSC04002.JPG">82.DSC04002.JPG</a>-<a href="?kep=DSC04003.JPG">83.DSC04003.JPG</a>-<a href="?kep=DSC04004.JPG">84.DSC04004.JPG</a>-<a href="?kep=DSC04005.JPG">85.DSC04005.JPG</a>-<a href="?kep=DSC04007.JPG">86.DSC04007.JPG</a>-<a href="?kep=DSC04009.JPG">87.DSC04009.JPG</a>-<a href="?kep=DSC04010.JPG">88.DSC04010.JPG</a>-<a href="?kep=DSC04011.JPG">89.DSC04011.JPG</a>-<a href="?kep=DSC04012.JPG">90.DSC04012.JPG</a>-<a href="?kep=DSC04013.JPG">91.DSC04013.JPG</a>-<a href="?kep=DSC04014.JPG">92.DSC04014.JPG</a>-<a href="?kep=DSC04015.JPG">93.DSC04015.JPG</a>-<a href="?kep=DSC04016.JPG">94.DSC04016.JPG</a>-<a href="?kep=DSC04017.JPG">95.DSC04017.JPG</a>-<a href="?kep=DSC04021.JPG">96.DSC04021.JPG</a>-<a href="?kep=DSC04022.JPG">97.DSC04022.JPG</a>-<a href="?kep=DSC04023.JPG">98.DSC04023.JPG</a>-<a href="?kep=DSC04025.JPG">99.DSC04025.JPG</a>-<a href="?kep=DSC04026.JPG">100.DSC04026.JPG</a>-<a href="?kep=DSC04028.JPG">101.DSC04028.JPG</a>-

</body>
</html>
Ezzel nincs:

<html>
<head>
<meta http-equiv="Content-Language" content="hu">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>nemjo</title>
</head>
<body>

<div align="center"; id="layer1">
<html><img border="0" src="DSC03910.JPG" width="666"></html>  

</div>
<a href="?kep=DSC03910.JPG">1.1</a>-<a href="?kep=DSC03911.JPG">2.2</a>-<a href="?kep=DSC03912.JPG">3.3</a>-<a href="?kep=DSC03914.JPG">4.4</a>-<a href="?kep=DSC03916.JPG">5.5</a>-<a href="?kep=DSC03917.JPG">6.6</a>-<a href="?kep=DSC03918.JPG">7.7</a>-<a href="?kep=DSC03919.JPG">8.8</a>-<a href="?kep=DSC03920.JPG">9.9</a>-<a href="?kep=DSC03921.JPG">10.10</a>-<a href="?kep=DSC03922.JPG">11.11</a>-<a href="?kep=DSC03923.JPG">12.12</a>-<a href="?kep=DSC03924.JPG">13.13</a>-<a href="?kep=DSC03925.JPG">14.14</a>-<a href="?kep=DSC03926.JPG">15.15</a>-<a href="?kep=DSC03927.JPG">16.16</a>-<a href="?kep=DSC03928.JPG">17.17</a>-<a href="?kep=DSC03929.JPG">18.18</a>-<a href="?kep=DSC03930.JPG">19.19</a>-<a href="?kep=DSC03931.JPG">20.20</a>-<a href="?kep=DSC03932.JPG">21.21</a>-<a href="?kep=DSC03933.JPG">22.22</a>-<a href="?kep=DSC03934.JPG">23.23</a>-<a href="?kep=DSC03938.JPG">24.24</a>-<a href="?kep=DSC03939.JPG">25.25</a>-<a href="?kep=DSC03940.JPG">26.26</a>-<a href="?kep=DSC03941.JPG">27.27</a>-<a href="?kep=DSC03942.JPG">28.28</a>-<a href="?kep=DSC03943.JPG">29.29</a>-<a href="?kep=DSC03944.JPG">30.30</a>-<a href="?kep=DSC03945.JPG">31.31</a>-<a href="?kep=DSC03946.JPG">32.32</a>-<a href="?kep=DSC03947.JPG">33.33</a>-<a href="?kep=DSC03948.JPG">34.34</a>-<a href="?kep=DSC03949.JPG">35.35</a>-<a href="?kep=DSC03950.JPG">36.36</a>-<a href="?kep=DSC03951.JPG">37.37</a>-<a href="?kep=DSC03952.JPG">38.38</a>-<a href="?kep=DSC03953.JPG">39.39</a>-<a href="?kep=DSC03956.JPG">40.40</a>-<a href="?kep=DSC03958.JPG">41.41</a>-<a href="?kep=DSC03960.JPG">42.42</a>-<a href="?kep=DSC03961.JPG">43.43</a>-<a href="?kep=DSC03962.JPG">44.44</a>-<a href="?kep=DSC03963.JPG">45.45</a>-<a href="?kep=DSC03964.JPG">46.46</a>-<a href="?kep=DSC03965.JPG">47.47</a>-<a href="?kep=DSC03966.JPG">48.48</a>-<a href="?kep=DSC03967.JPG">49.49</a>-<a href="?kep=DSC03968.JPG">50.50</a>-<a href="?kep=DSC03969.JPG">51.51</a>-<a href="?kep=DSC03970.JPG">52.52</a>-<a href="?kep=DSC03971.JPG">53.53</a>-<a href="?kep=DSC03972.JPG">54.54</a>-<a href="?kep=DSC03973.JPG">55.55</a>-<a href="?kep=DSC03974.JPG">56.56</a>-<a href="?kep=DSC03975.JPG">57.57</a>-<a href="?kep=DSC03976.JPG">58.58</a>-<a href="?kep=DSC03977.JPG">59.59</a>-<a href="?kep=DSC03978.JPG">60.60</a>-<a href="?kep=DSC03979.JPG">61.61</a>-<a href="?kep=DSC03980.JPG">62.62</a>-<a href="?kep=DSC03981.JPG">63.63</a>-<a href="?kep=DSC03983.JPG">64.64</a>-<a href="?kep=DSC03984.JPG">65.65</a>-<a href="?kep=DSC03985.JPG">66.66</a>-<a href="?kep=DSC03986.JPG">67.67</a>-<a href="?kep=DSC03987.JPG">68.68</a>-<a href="?kep=DSC03988.JPG">69.69</a>-<a href="?kep=DSC03989.JPG">70.70</a>-<a href="?kep=DSC03990.JPG">71.71</a>-<a href="?kep=DSC03991.JPG">72.72</a>-<a href="?kep=DSC03992.JPG">73.73</a>-<a href="?kep=DSC03993.JPG">74.74</a>-<a href="?kep=DSC03995.JPG">75.75</a>-<a href="?kep=DSC03995.JPG">76.76</a>-<a href="?kep=DSC03996.JPG">77.77</a>-<a href="?kep=DSC03997.JPG">78.78</a>-<a href="?kep=DSC03998.JPG">79.79</a>-<a href="?kep=DSC03999.JPG">80.80</a>-<a href="?kep=DSC04000.JPG">81.81</a>-<a href="?kep=DSC04002.JPG">82.82</a>-<a href="?kep=DSC04003.JPG">83.83</a>-<a href="?kep=DSC04004.JPG">84.84</a>-<a href="?kep=DSC04005.JPG">85.85</a>-<a href="?kep=DSC04007.JPG">86.86</a>-<a href="?kep=DSC04009.JPG">87.87</a>-<a href="?kep=DSC04010.JPG">88.88</a>-<a href="?kep=DSC04011.JPG">89.89</a>-<a href="?kep=DSC04012.JPG">90.90</a>-<a href="?kep=DSC04013.JPG">91.91</a>-<a href="?kep=DSC04014.JPG">92.92</a>-<a href="?kep=DSC04015.JPG">93.93</a>-<a href="?kep=DSC04016.JPG">94.94</a>-<a href="?kep=DSC04017.JPG">95.95</a>-<a href="?kep=DSC04021.JPG">96.96</a>-<a href="?kep=DSC04022.JPG">97.97</a>-<a href="?kep=DSC04023.JPG">98.98</a>-<a href="?kep=DSC04025.JPG">99.99</a>-<a href="?kep=DSC04026.JPG">100.100</a>-<a href="?kep=DSC04028.JPG">101.101</a>-

</body>
</html>
4

Ha jól sejtem, a böngészők a

H.Z. v2 · 2011. Jún. 22. (Sze), 19.54
Ha jól sejtem, a böngészők a szám kötőjel szám kötőjel stb. sorozatot egyetlen "szóként" kezelik, nem találnak szóvéget, ezért nincs sortörés. Ha a neveket írod ki, akkor a fájlnév végén lévő szóközt v. a név közepén lévő pontot már szóvégként kezeli. Beleraksz egy szóközt a számos változatba a kötőjelek köré és máris nem fog scrollozni.

Update: kipróbáltam, valóban így működik FF alatt.
6

Neked is kösz, hogy...

Hellhammer · 2011. Jún. 22. (Sze), 20.10
foglalkozol vele: viszont ezt = hogy a pont miatt van, én elvetettem, mivel ha megcsinálod, és a fenti válaszomban így is van, hogy ha 1-2-3-4 helyett 1.1-2.2-3.3 van, akkor sem csinál sortörést..
7

Köszönöm, és igen, igazad van!

Hellhammer · 2011. Jún. 22. (Sze), 20.16
Bocs, most esett le, hogy mi a javaslatod, és valóban bevált:

A kérdéses sor:
echo '<a href="?kep='.$mezok[1].'">'.$mezok[0].'</a>'.'-';
helyett:
echo '<a href="?kep='.$mezok[1].'">'.$mezok[0].'</a>'.' - ';
és így valóban van sortörés.

Köszi!