Onko kuinka yksinkertaista tehdä sivuista sellaiset, että sen keskellä olisi vielä ns. toinen sivu? Olisi parempi kun saisi PDF -tiedostot suoraan sivulle, ettei tarvitsisi klikkailla. Siis tyyliin
www.pk-numismaatikot.fi
tuo on tehty iframea käyttäen... siitä vaan html-opasta lukemaan. :)
iframet ovat yksinkertaisia, joten ei pitäisi olla ongelmaa siinä.
Siis tuon ohjeen mukainen? https://www.ohjelmointiputka.net/koodivinkit/
Eihän tuolla ohjeella ole mitään tekemistä iframen kanssa. Jos sen sijaan kirjoitat Googleen iframe example, varmasti löydät ohjeita aiheesta.
Onko kuinka vaikeaa saada erillinen ikkuna sivulle, ja saada se toimimaan? Jos ei ole vaikeaa, ohjeita varmaan voisi laittaa myös tänne?
Numis97 kirjoitti:
Onko kuinka vaikeaa saada erillinen ikkuna sivulle, ja saada se toimimaan? Jos ei ole vaikeaa, ohjeita varmaan voisi laittaa myös tänne?
Nyt tipuin kärryltä. Siis mitä sä tarkoitat erillisellä ikkunalla?
<?php include("sivusi.pdf") ?>
Tolla saa php sivulle toisen sivun.
Ei kyllä todellakaan tolla tavalla. Erillinen ikkuna = popup?
Joo.. toi include-funktio ainoastaan sisällyttää ton pdf-filun toiseen sivuun, tosin en pdf:n tapauksessa tiedä, mitä tossa todella tapahtuu... Se, mitä tuo "erillinen ikkuna" tarkoittaa jää vieläkin arvoitukseksi, ellei kysessä todella ole temu92:n ehdottama popuppi.
Triton kirjoitti:
tosin en pdf:n tapauksessa tiedä, mitä tossa todella tapahtuu...
Jos sisällytät PDF:n keskelle html-sivua, niin tuloksena on lähinnä binäärimössöä sivun keskellä.
<html>
<head>
<!-- CSS MÄÄRITYKSET ALKAVAT -->
<style type="text/css">
body { margin: 0; padding: 0; }
#popup
{
<!-- Laitetaan popup oletustason "päälle" z-indexillä -->
z-index: 1;
position: absolute;
width: 150px;
height: 100px;
padding: 5px;
border: 1px solid black;
background: lightblue;
display: none;
}
</style>
<!-- CSS MÄÄRITYKSET PÄÄTTYVÄT -->
<!-- JAVASCRIPT MÄÄRITYKSET ALKAVAT -->
<!-- Otetaan jQuery käyttöön -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//Esitellään tarvittavat muuttujat (globaaleiksi)
var hiiriPaikkaX = 0, hiiriPaikkaY = 0, popup, popupSisalto, popupAuki = false;
//Kun dokumentti on latautunut
jQuery(document).ready(function()
{
//Haetaan muutettavat elementit käyttäen jQueryn syntaksia
popup = $("#popup");
popupSisalto = $("#popup #popupSisalto");
//Kun hiiren nappia painetaan
$().mouseup(function(e)
{
//Päivitetään hiiren sijainti
hiiriPaikkaX = e.pageX;
hiiriPaikkaY = e.pageY;
//Klikataan jossain, eikä popup ole auki -> Avataan popup
if (popupAuki == false)
{
avaaPopup();
}
//Klikataan popupin sisällä kun se on auki -> Ei tehdä mitään
else if(hiiriPaikkaX > parseInt(popup.css("left")) &&
hiiriPaikkaX < parseInt(popup.css("left")) + parseInt(popup.css("width")) &&
hiiriPaikkaY > parseInt(popup.css("top")) &&
hiiriPaikkaY < parseInt(popup.css("top")) + parseInt(popup.css("height")))
{
}
//Muuten klikataan popupin ulkopuolella sen ollessa auki -> Suljetaan popup
else
{
suljePopup();
}
//Esimerkki kuinka tulostaa Firebugin konsoliin
console.log("Hiiren koordinaatit: " + hiiriPaikkaX + ", " + hiiriPaikkaY);
console.log("Popupin sijainti: " + parseInt(popup.css("left")) + ", " + parseInt(popup.css("top")));
});
});
//Avaa popupin hiiren kursorin kohdalla
function avaaPopup()
{
//Sijoitetaan laatikko hiiren kohdalle
popup.css("left", hiiriPaikkaX);
popup.css("top", hiiriPaikkaY);
//Laitetaan popupiin laatikon sijainti
popupSisalto.html("Sijainti: " + hiiriPaikkaX + ", " + hiiriPaikkaY);
//Näytetään popup, 400 on millisekunteina, kauanko aukaisemiseffekti kestää
popup.fadeIn(400);
//Laitetaan muistiin että popup on auki
popupAuki = true;
}
//Sulkee popupin
function suljePopup()
{
//Suljetaan popup, 400 on millisekunteina, kauanko sulkemiseffekti kestää
popup.fadeOut(400);
//Laitetaan muistiin että popup on kiinni
popupAuki = false;
}
</script>
<!-- JAVASCRIPT MÄÄRITYKSET PÄÄTTYVÄT -->
</head>
<!-- HTML MÄÄRITYKSET ALKAVAT -->
<body>
<h1>jQuery popup -esimerkki</h1>
<p>
Klikkaa hiirellä missä tahansa aukaistaksesi popupin.
</p>
<!-- Itse näytettävä popup, oletuksena piilossa -->
<div id="popup">
<p>
<a href="javascript:suljePopup();">Sulje</a>
</p>
<div id="popupSisalto"><?php include("sivusi.pdf"); ?></div>
</div>
</body>
<!-- HTML MÄÄRITYKSET PÄÄTTYVÄT -->
</html>Tollasen löysin koodivinkeistä. Toimisko??
Toi <?php include("sivusi.pdf"); ?> voi korvata sillä mitä popupissa (siinä ikkunassa) on sitten sisältönä...
GrayMan kirjoitti:
Tollasen löysin koodivinkeistä.
Jonka sitten rikoit.. Alkuperäinen koodivinkki siis tuolla
GrayMan kirjoitti:
Toimisko??
Mikset kokeile? (No ei. Ei se toimi, että tunget pdf:ää html-koodin keskelle)
Ton includen voi laittaa iFrameen. en muista koodia sille...
Edit: https://www.ohjelmointiputka.net/keskustelu/
Ei se PHP sitä PDF:ää millään tavalla taio sinne HTML:n sekaan. Tuossa pitäisi lähettää selaimelle tieto, että kyseessä on PDF-tyyppinen tiedosto ja samalle sivulle ei saisi mitään HTML:ää tulostella. Siinäkin tapauksessa tosin includen käyttö on aivan väärä, koska include ajaa sen PHP-tulkin läpi, joka ei tässä tapauksessa ole suotavaa.
iframelsit
Grez kirjoitti:
Triton kirjoitti:
tosin en pdf:n tapauksessa tiedä, mitä tossa todella tapahtuu...
Jos sisällytät PDF:n keskelle html-sivua, niin tuloksena on lähinnä binäärimössöä sivun keskellä.
Paitsi että kyseinen binäärimössö ajetaan PHP-tulkin läpi, ja jos se sattuukin sisältämään PHP-koodia (helppo lisätä esimerkiksi kuvatiedostojen kommentteihin!), kyseinen koodi ajetaan ja tulokset voivat olla kammottavat. Jos PHP:llä on tarkoitus tulostaa jokin tiedosto suoraan, ei pidä missään nimessä käyttää includea vaan aina readfile-funktiota. Tämä on kuitenkin epäolennaista itse aiheen kannalta, koska pelkkää tiedostojen yhdistämistä ei voi käyttää yleisessä tapauksessa toisen sivun liittämisessä.
GrayManille annan saman neuvon kuin joskus entisellä nimellä: älä yritä neuvoa, kun et itse osaa kunnolla alkeitakaan; typeristä neuvoista on vain harmia kaikille.
Grez kirjoitti:
Triton kirjoitti:
tosin en pdf:n tapauksessa tiedä, mitä tossa todella tapahtuu...
Jos sisällytät PDF:n keskelle html-sivua, niin tuloksena on lähinnä binäärimössöä sivun keskellä.
Tätä mä vähän veikkasinkin... Eihän noita pdf-filuja voi vissiin muuten esittää www-sivuilla kuin jonkin pdf-lukijan avulla (kuten Adobe Reader).
Jos haluaa Adobe Readerittömän version, niin Google tarjoaa "nykyään" javascript-version. Lipareen saa upotettua iframeen.
Josta saa valmiin iframe-kikkareen, jolloin Google Docs Viewer on paljon pelkistetympi.
1 juttu on mulla vielä mielessä. http://testit.vjgo.net/lumisade.html nimi tiedostolle köpö jos kattoo sen sisältöö
Tollastako kaipailet??
GrayMan kirjoitti:
1 juttu on mulla vielä mielessä. http://testit.vjgo.net/lumisade.html nimi tiedostolle köpö jos kattoo sen sisältöö
Tollastako kaipailet??
Itse henkilökohtaisesti vihaan tuollaista turhaa JavaScript-kilkkeiden käyttämistä, vaikka ne tekisivätkin web-sovelluksesta graafisesti työpöytäsovelluksen kaltaisen, niin aina kuitenkin tulee tilanteita, jolloin käyttäjällä ei ole JS:ää käytössä...
noscript auttaa
GrayMan kirjoitti:
noscript auttaa
Voi luoja. Noscriptin hyöty on kyllä aika kapea-alainen...
Sillä voi pyytää käyttäjää laittamaan JavaScriptin päälle. esim täällä (kato ilman JvaScriptiä) on "kauniisti" pyydetty. Koodin vein toiselta sivulta sit..... Ymmärrätte jos katotte scripteillä
En tarkoita nyt Javascriptiä, vaan toisen sivun "tunkemista" samaan ikkunaan, kuten tuolla: www.pk-numismaatikot.fi
Ai niin, include on kyllä ajat sitten testattu..
Numis97 kirjoitti:
Ai niin, include on kyllä ajat sitten testattu..
Tuo näyttää tosiaan siltä, että se on tehty kehyksiä käyttäen, mikä ei tosin ole lainkaan suotavaa nykypäivänä...
Jos kerran iframe sanana on noin ylivoimainen käsittää, näytetään nyt vielä:
<iframe src="toinensivu.html"></iframe>
Pieleen meni, auttaisiko jos muokkaisi määritteitä?
<iframe src ="http://www.ep-numismaatikot.fi/huutokaupat/hk182.pdf" width="100%" height="300"> <p>Your browser does not support iframes.</p> </iframe>
Eli esimerkiksi width 50% ja height paljon isompi..?
Ai niin, osoite: http://www.ep-numismaatikot.fi/inframe.php
Miten niin pieleen? Hyvinhän tuo toimii. Jos haluat muuttaa kokoa, tietenkin sinun silloin pitää muuttaa sitä. Ota samalla ylimääräinen välilyönti pois =-merkin edestä.
Juuri nyt on vähän kiire peltohommiim, joten ei ehdi testata. Meneekö PDF tuonne reunojen väliin, jos kokoa pienentää?
Ei, vaan PDF-ikkuna kapeutuu ja rivittäytyy.
Miksi se muuten ei mene tuonne reunojen väliin? Sinne sen ainakin laitoin.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>Esittely - Etelä-Pohjanmaan numismaattinen kerho ry.</title>
<link rel="stylesheet" type="text/css" href="css/all.css">
<meta name="GENERATOR" content="MSHTML 8.00.6001.18865">
</head>
<body>
<?php include("vasen.htm");?>
<iframe src ="http://www.ep-numismaatikot.fi/huutokaupat/hk182.pdf" width="100%" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
<?php include("oikea.htm");?>
<b>Sivua Päivitetty: 10.04.2010</b>
</body>
</html>Koska olet määritellyt sen leveydeksi 100%, jolloin se ei yksinkertaisesti mahdu mihinkään väliin vaan asettuu koko sivun leveydelle. Muutenkin CSS-taitossasi taitaa olla jotain vikaa.
Juu, saattaa olla. En varsinaisesti ole mikään ohjelmoija, vaan nuori poika, joka yrittää aina silloin tällöin päivitellä numismaatikkoseuran sivuja. :)
No, palataanpa asiaan. Eikö pdf:n pitäisi tuon kokoisenakin mahtua tuonne väliin, niin että oikea reuna vain siirtyisi kauemmas? Koitanpa muutella kokoja, laitan sitten tänne linkin..
Edit: ei vieläkään :( http://www.ep-numismaatikot.fi/inframe2.php
Mä silti ehkä kuitenkin laittaisin tuon Google Docsin kautta, jolloin pdf ei olisi ihan niin raskas.
edit:
ps. jonkun kannattais käyttää 5 minuuttia enemmän aikaa Wordin opetteluun (tai millä toi pdf-tiedosto onkaan tehty). Tuntuu ettei tekijä ole minkäänlaisista sarkaimista koskaan kuullutkaan vaan sisennykset pomppii miten saattuu. Mystiset pisteet ( ................... ) ovat myös todella sekavia keskellä riviä.
Aivan käsittämättömän ärsyttävästi muuten upotettu tuo PDF tuohon sivuun. Siis, eihän tuota tuossa pysty järkevästi lukemaan, kun se on niin kapea. Jos haluaa saada tekstistä selvää, niin joutuu skrollailemaan edestakaisin sivusuunnassa.
En nyt keskustelua lukemalla ole varma onko se tarkoituksella noin kapea vai onko se ongelma, jota yritetään ratkaista.
Itse laittaisin ennemmin linkin, että avaa lista PDF:nä tms.
Sivuilla on kyllä vielä vain linkit listoihin, mutta ajattelin että jos saisi vähän hienommin, ja niin ettei tarvitsisi koko ajan klikkailla.
PDF on ihan tarkoituksella laitettu noin kapeaksi - testimielessä.
Kunhan nyt saadaan ongelma ratkaistua, "reunatiedostot" varmasti häipyvät, ja pdf laitetaan suuremmaksi.
Mitä itse pdf:n sisältöön tulee, pisteet ovat vain selvennykseksi, että ei tarvi viivoittimilla mittailla että mikä kunto ja hinta kuuluu minnekin.
Wordissa olisi mahdollisuus tabulaattoreita käyttäen määrittää, että se tekisi pisteet automaattisesti ja siististi joka riville, jossa tekstien väliin jää yli määritellyn verran tyhjää.
Ja Grez:n ohjetta jatkaen, samalla tasaukset menisivät oikein, eikä päällekkäin listattujen numeroiden reunat menisi vinksin vonksin, vaan olisivat tasattu juuri haluttuun kohtaan.
Palataanpa itse kysymykseen, vielä on epäselvää miksei pdf mene tuonne reunojen väliin vaan niiden yläpuolelle..
Otin selvää tekijältä - ei ollut tehty iframella, vaan ihan html -kielellä. Hoidin asian sivujen tekijän kanssa, hauskaa kesää!
iframe on html-kieltä... ;)
Aihe on jo aika vanha, joten et voi enää vastata siihen.