Discussion:
.jpg-kuvan linkittäminen
(too old to reply)
Harri Juntunen
2011-01-25 12:43:39 UTC
Permalink
Tuntuu olo kuin kyselykoneelta :D
Olen yrittänyt linkittää kuvaa PHP:llä tehtyyn (josta en siis ymmärrä
mitään) sivuun, jonka lähdekoodia olen vääntänyt tällaiseksi:

<TABLE border="0" width="660" valign="top" cellpadding="20"
cellspacing="0" style="table-layout:fixed">
<tr>
<td width="300" valign="top">
<h5>
Tuoreimmat uutiset
</h5>
<?php
//luetaan viestit taulukkoon
$viestit = file("hallinta/viestit.txt");
//käännetään taulukko, jolloin uusimmat viestit tulevat ylimmiksi
$viestit = array_reverse($viestit);
//viestien määrä on suoraan taulukon rivien määrä
$viestimaara = count($viestit);

//käydään tarpeellinen määrä viestejä läpi
for ($i = 0; $i < 3; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 3);

//erotellaan tiedot omiin muuttujiinsa
$aika = $tiedot[0];
$otsikko = $tiedot[1];
$viesti = $tiedot[2];

//tulostetaan viesti
echo "<p><span class=\"keltb\">$aika $otsikko</span><br><span
class=\"valk\">$viesti</span></p>";
}
?>
<IMG ALIGN="absmiddle" SRC="kuvat/kolmio.png">
<a href="index.php?sivu=02" class="k">Lisää uutisia...</a>
</td>
<td width="260">
<?php
//haetaan päivä tulevaa käyttöä varten
$paiva = date(d);
$kuukausi = date(m);
$vuosi = date(y);
//tehdään siitä sopivan muotoinen vertailuun
$paivamaara = ($paiva . "." . $kuukausi . ".");
//ja tulostukseen
$tulostusp = ($paiva . "." . $kuukausi . "." . "20" . $vuosi);
//muutetaan tekstitiedosto taulukoksi riveittäin $viestit[0]
$viestit[1] jne
$viestit = file("sivut/taulukko.txt");

//lasketaan viestien määrä
$viestimaara = count($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen = $e[$u];}
}
$uutinen = substr($uutinen, 3);
echo ("<h5>Tänään " . $tulostusp . "</h5>");
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen == "")
{echo "EI TAPAHTUMIA</span></p>";}
else
{echo ($uutinen . "</span></p>");}

//käännetään taulukko, jolloin saadaan luettua alhaaltapäin tapahtuma
$viestit = array_reverse($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen1 = $e[$u];}
}
$uutinen1 = substr($uutinen1, 3);
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen1 == $uutinen)
{echo "";}
else
{echo ($uutinen1 . "</span></p>");}
?>
<IMG align="absmiddle" SRC="kuvat/kolmio.png"><a
href="index.php?sivu=01" class="k">Kevätkauden kalenteri</a>
<br>
<br>
<IMG SRC="kuvat/h.jpg" ALT="Biljardikerho Kajuutan Kapteenit"
ALIGN="left" VSPACE="30" HSPACE="8">
<br>
</td>
</tr>
<tr valign="top">
<td colspan="2" rowspan="1">
<h5>
Biljardikerho Kajuutan Kapteenit ry
</h5>
<p><span class="valk">
Kajuutan Kapteenit on perustettu vuodenvaihteessa 2003&ndash;2004 ja se
on merkitty yhdistysrekisteriin 6.2.2009. Kerhon tarkoitus on edistää
biljardiharrastusta Laajasalossa ja kouluttaa pelaajia vasta-alkajista
lähtien. Kerhoon kuuluu nuoremman polven aktiivipelaajien ohella
merkittävä joukko
senioripelaajia sekä ilahduttavan runsaasti naispelaajia.<br>Pelaamisen
lisäksi kerho järjestää vuosittain peli- ja virkistysmatkoja koti- ja
ulkomaille sekä järjestää illanistujaisia jäsenilleen. Kannatusjäsenet
mukaan menoon!
</span>
</p>
<p>
<span class="valk">
Kerho pelaa ja kokoontuu Laajasalon ostoskeskuksessa <a
href="http://www.kapteeninkajuutta.com" class="k"><k>Ravintola Kapteenin
Kajuutassa</k></a>. Ravintolassa on kaksi pöytää: toinen 9- ja toinen
8-jalkainen. Viikkokisat pelataan lauantaisin klo 11 alkaen. Tiistaisin
on ilmainen bilis ja keskiviikkoisin klo 18.00 pelataan Saaren avoimen
9-pallomestaruusturnauksen osakilpailuja. Muina arkipäivinä ja
viikonloppuisin voi pelata muuten vaan.
<p><span class="valk">
Lisäksi pelaamme ystävyysotteluita toisten ravintoloiden kanssa sekä
osallistumme neljällä joukkueella <a href="http://www.eastpool.fi"
class="k"><k>East-Pool ry:n alueliigaan</k></a>.
</span>
</p>
<p>
<span class="valk">
Halutessasi lisätietoja kerhostamme ja siihen liittymisestä napsauta
vasemman laidan valikosta "Palaute". Kerro nimesi, sähköpostiosoitteesi
ja puhelinnumerosi, niin sinuun otetaan yhteyttä.<br>Webmasterit <a
href="mailto:***@luukku.com"
class="k"><k>Aatu</k></a>&nbsp;ja&nbsp;<a
href="mailto:***@kolumbus.fi"
class="k"><k>Harri</k></a>&nbsp;vastaavat myös kyselyihin &ndash; samoin
<a href=<IMG align="absmiddle" <IMG SRC="kuvat/hallitus.jpg" ALT=""
ALIGN="center" VSPACE=0" HSPACE="0" class="k">hallituksen</a> jäsenet.
</span>
</p>
</td>
</tr>
</TABLE>
</TABLE>

Tarkoitus olisi, että napsauttamalla sanaa "hallituksen" klikkaus avaisi
kuvan hallitus.jpg.
Tässä kohdassa vika on:
<a href=<IMG align="absmiddle" <IMG SRC="kuvat/hallitus.jpg" ALT=""
ALIGN="center" VSPACE=0" HSPACE="0" class="k">hallituksen</a> jäsenet.

Mahtaneeko joku edes viitsiä miettiä tuohon ratkaisua?
Ari Saastamoinen
2011-01-25 14:58:11 UTC
Permalink
Post by Harri Juntunen
Tarkoitus olisi, että napsauttamalla sanaa "hallituksen" klikkaus
avaisi kuvan hallitus.jpg.
<a href=<IMG align="absmiddle" <IMG SRC="kuvat/hallitus.jpg" ALT=""
ALIGN="center" VSPACE=0" HSPACE="0" class="k">hallituksen</a> jäsenet.
Mahtaneeko joku edes viitsiä miettiä tuohon ratkaisua?
Tää nyt oli ihan helppo.

Koodissasi on ensimmäisenä a-tagi, ja sille attribuuttina href. Tuon
href:n pitäisi sisältää osoite sivuun, jonne linkkiä klikkaamalla
joudutaan. Nyt tuossa koodissasi href:n arvona on <IMG eikä tuo ole
mikään osoite. (Siis ainoastaan ensimmäinen sana, koska siinä ei ole
lainausmerkkejä ympärillä, jolla osoitetaan arvon alku ja loppu. Ja
vaikka olisikin lainausmerkit, niin silti tuo on väärin, kun "<IMG
align...jne" ei ole mitään webbisivuosoite)

Ja sitten lisää virhetilanteita aiheuttaa se, että avaat uuden tagin
(IMG) ennenkuin olet päättänyt A-tagin määrittelyn >-merkillä.

Eli siis toi sun yrityksesi ei ole edes lähelle sitä mitä pitäisi
olla. Tuosta ei voi päätellä edes sitä, mitä ihan tarkkaanottaen
haluat saada aikaan.

Mahdollisesti '<a href="kuvat/hallitus.jpg">hallituksen</a> jäsenet.'
voisi olla haluamasi asia, mutta kun tuossa sulla kuitenkin oli
kaikennäköistä höhää tuon IMG-tagin ympärillä, niin ehkä kuitenkaan et
tuota hakenut?
--
Arzka oh3mqu+***@hyper.fi - En halua follareita mailina
1. Valitse sopiva paikka, ei ihmisten tai rakennusten lahella, jossa
paukku voi aiheuttaa hairiota. - Iso-Kiinalaisen kayttoohje
Harri Juntunen
2011-01-25 15:22:02 UTC
Permalink
Post by Ari Saastamoinen
Mahdollisesti '<a href="kuvat/hallitus.jpg">hallituksen</a> jäsenet.'
voisi olla haluamasi asia, mutta kun tuossa sulla kuitenkin oli
kaikennäköistä höhää tuon IMG-tagin ympärillä, niin ehkä kuitenkaan et
tuota hakenut?
Ikävä kyllä, läheltä liippaa, mutta tuolla koodilla sanasta
"hallituksen" ei muodostu linkkiä tuohon kuvaan:

http://www.kajuutankapteenit.com/
Harri Juntunen
2011-01-25 15:26:44 UTC
Permalink
Post by Harri Juntunen
Post by Ari Saastamoinen
Mahdollisesti '<a href="kuvat/hallitus.jpg">hallituksen</a> jäsenet.'
voisi olla haluamasi asia, mutta kun tuossa sulla kuitenkin oli
kaikennäköistä höhää tuon IMG-tagin ympärillä, niin ehkä kuitenkaan et
tuota hakenut?
Ikävä kyllä, läheltä liippaa, mutta tuolla koodilla sanasta
http://www.kajuutankapteenit.com/
Ja heti korjaus perään.
Kyllä sanaa "hallituksen" klikkauksella kuva aukeaakin, mutta tuo sana
ei näy keltaisena kuten muut sivulla linkkiä osoittavat sanat.
Harri Juntunen
2011-01-25 15:42:24 UTC
Permalink
Post by Harri Juntunen
Post by Harri Juntunen
http://www.kajuutankapteenit.com/
Ja heti korjaus perään.
Kyllä sanaa "hallituksen" klikkauksella kuva aukeaakin, mutta tuo sana
ei näy keltaisena kuten muut sivulla linkkiä osoittavat sanat.
Sain sen korjattua tällaisella merkkauksella:
<a href="kuvat/hallitus.jpg" class="k">hallituksen</k></a> jäsenet.

Kiitos neuvosta!
Otto J. Makela
2011-01-26 10:02:55 UTC
Permalink
Post by Harri Juntunen
<a href="kuvat/hallitus.jpg" class="k">hallituksen</k></a> jäsenet.
Tuosta voi ottaa tuon parittoman </k> merkkauksen pois.
--
/* * * Otto J. Makela <***@iki.fi> * * * * * * * * * */
/* Phone: +358 40 765 5772, ICBM: N 60 10' E 24 55' */
/* Mail: Mechelininkatu 26 B 27, FI-00100 Helsinki */
/* * * Computers Rule 01001111 01001011 * * * * * * */
Harri Juntunen
2011-01-27 18:40:22 UTC
Permalink
Post by Ari Saastamoinen
Mahdollisesti '<a href="kuvat/hallitus.jpg">hallituksen</a> jäsenet.'
voisi olla haluamasi asia, mutta kun tuossa sulla kuitenkin oli
kaikennäköistä höhää tuon IMG-tagin ympärillä, niin ehkä kuitenkaan et
tuota hakenut?
Tuota neuvoa soveltamallahan haluttu merkkaus löytyi :)

Vielä yksi asia rassaa: mikähän tuossa linkissä oikein mättää?
Tyrkkää vain ilmoitusta "Not Found".

<a href="http://www.kajuutankapteenit.com/sivut/saannot.htm"
class="k">Yhdistyksen säännöt</a>
Jukka K. Korpela
2011-01-27 20:19:33 UTC
Permalink
Post by Harri Juntunen
Vielä yksi asia rassaa: mikähän tuossa linkissä oikein mättää?
Tyrkkää vain ilmoitusta "Not Found".
<a href="http://www.kajuutankapteenit.com/sivut/saannot.htm"
class="k">Yhdistyksen säännöt</a>
Vika on itse osoitteessa
http://www.kajuutankapteenit.com/sivut/saannot.htm
joka vain ei toimi. Palvelimen ulkopuolelta katsoen on vaikea sanoa miksi
ei, koska URLien tulkinta on palvelimen hommia. Vastaus ei itse asiassa ole
"Not Found" vaan "Internal Server Error".
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Harri Juntunen
2011-01-28 11:11:34 UTC
Permalink
Post by Jukka K. Korpela
Vika on itse osoitteessa
http://www.kajuutankapteenit.com/sivut/saannot.htm
joka vain ei toimi. Palvelimen ulkopuolelta katsoen on vaikea sanoa
miksi ei, koska URLien tulkinta on palvelimen hommia. Vastaus ei itse
asiassa ole "Not Found" vaan "Internal Server Error".
Tapasi mukaan olit _taas_ oikeassa.
Kysyin suoraan web-hotellimme helpistä asiaa ja kymmenen minuutin
kuluttua kysymykseni lähettämisen jälkeen he korjasivat linkin
toimimaan.
Syy oli tämä:
"Ei . htaccess tiedostosi oli syynä. Korjasin tämän teille."

Sivulla http://www.kajuutankapteenit.com/ ovat samalla rivillä linkit
"Hallitus" ja "Yhdistyksen säännöt".

Olen siirtänyt tuota sääntölinkkiä sivun oikeaan laitaan jumalattomalla
määrällä &nbsp; -entiteettejä ja siltä osin koodi on kamalan näköistä.
Asia hoituisi varmaan merkkauksella align="right" -merkkauksella, mutten
nyt jaksa ajatella mihin kohtaan sen tuikkaisi.
Jukka K. Korpela
2011-01-28 17:48:13 UTC
Permalink
Post by Harri Juntunen
Sivulla http://www.kajuutankapteenit.com/ ovat samalla rivillä linkit
"Hallitus" ja "Yhdistyksen säännöt".
Olen siirtänyt tuota sääntölinkkiä sivun oikeaan laitaan
jumalattomalla määrällä &nbsp; -entiteettejä ja siltä osin koodi on
kamalan näköistä.
Onhan se kamalaa, mutta so not? Käyttäjälle näkyvä häiriö on lähinnä se,
että palstoitus ei mene ihan tasan, koska tuo toinen kohta ei osu aivan
samaan kuin ylempänä toinen palsta.
Post by Harri Juntunen
Asia hoituisi varmaan merkkauksella align="right"
-merkkauksella, mutten nyt jaksa ajatella mihin kohtaan sen tuikkaisi.
Kyllä se menisi vähän vaikeammaksi. Tässä ollaan taulukon sisällä olevan
taulukon sisällä (heikohko perussuunnittelu mutta ei hirveän vakavaa), jossa
kuitenkaan ei ole selvästi kahta palstaa, vaan toinen palsta katkeaa ja
sitten tavallaan jatkuu uudestaan. Asian korjaaminen HTML-tasolla ei olisi
kovin vaikeaa, mutta kun kuvassa on mukana PHP:tä, olisi vähän työläämpää
etsiä, mitä pitää muuttaa.

Oikeastaan se menee _melko_ tarkkaan oikeaan kohtaan, niin tarkkaan, että
minua häiritsee taitossa enemmänkin se, että "EI TAPAHTUMIA" (MIKSI
VERSAALI? SE SATTUU KORVIIN!) on liian kaukana tekstistä "Tänään
28.01.2011", johon se kai loogisesti liittyy.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Harri Juntunen
2011-01-28 18:34:39 UTC
Permalink
Post by Jukka K. Korpela
Oikeastaan se menee _melko_ tarkkaan oikeaan kohtaan, niin tarkkaan,
että minua häiritsee taitossa enemmänkin se, että "EI TAPAHTUMIA"
(MIKSI VERSAALI? SE SATTUU KORVIIN!) on liian kaukana tekstistä
"Tänään 28.01.2011", johon se kai loogisesti liittyy.
Enpä tuohon ollut aiemmin kiinnittänyt (liiemmin) huomiota, mutta nyt se
huutaa minunkin korviini.
Paremminkin huusi: vaihdoin sen PHP:stä gemenaksi.

Sitä, miksi teksti on aika lailla päivämäärää alempana, en osaa sanoa.
Se näyttää olevan suunnilleen vasemman solun ensimmäisen uutisotsikon
korkeudella, joten tämän sivuston alkuperäisellä tekijällä lienee ollut
siihen syynsä.
Minä en mielelläni mene sorkkimaan PHP:tä enempää kuin on välttämätöntä.

Kiitos taas!

Loading...