Olen tekemässä table sivua missä on 6 rows niin
voiko yhdellä cell ruudussa olevan linkin avata toiseen cell ruutuun?
Teen siis linkin johon voi valita avaa uuteen sivuun, samaan sivuun mutta
voi siis tehdä niin kuin edellä koitan selostaa vai pitääkö tälläistä varten tehdä
frame sivut jossa se kyllä onnistuu..
Toivotaan että osasin selittää asian kun olen niin noob näiden kanssa että.
Voi linkin avata toiseen cell ikkunaan
henna.koodaa
15
416
Vastaukset
- yukytukytu
Voi
- henna.koodaa
Voiko edelleenkin, voiko ei välttämättä enää päde niin pitäisi tietää.
Lisäksi kysyisin että miten koodia pitää laittaa ja minne. - fafafafafdf
Ubuntussa ainakin komento gnome-terminal avaa uuden ikkunan.
- qwqwqwqwsdfdf
Tuolla opasta
https://www.w3schools.com/html/html_links.asp - henna.koodaa
ei noista ollu mitään apua..
- table
Käsitteet talukossa: Rivi, Sarake, Solu
Ymmärsinkö oikein sanomasi:
Teet kuusi rivistä taulukkoa, et halua kertoa sarakkeiden määrää.
-
Tämä osa kysymystä vaikea ymmärtää:
("Teen siis linkin johon voi valita avaa uuteen sivuun, samaan sivuun")
-
("voiko yhdellä cell ruudussa olevan linkin avata toiseen cell ruutuun?")
voiko taulukon solussa oleva linkki viitata saman taulukon toiseen soluun ?
Tähän vastasin "Voi" ja antamani linkkin sivu kertoi asia erittäin hyvin. Mitä tuolta yhdeltä sivulta et ymmärtänyt, ottiko se kielestä kiinni vai onko HTML tagit tuntemattomia sinulle.
-
Viittasit myös frame-käsitteeseen. Tämä tagi on jo historiaa. HTML 5 ei tue eikä tunnista sellaista takia. Sen käytöstä on luovuttu. Eikä sitä myöskään tarvita mihinkään.
<frameset cols="25%,50%,25%">
<frame src="a.htm">
<frame src="b.htm">
<frame src="c.htm">
</frameset>
------------------------------------------------------------------------------------------------------------
Linux Mint 17.3 Rosa
Xfce 64-bit
- zyxzyxyz
Googlaa javascript jquery ajax load content, tässä yksi jquery-esimerkki sivun teosta
https://www.youtube.com/watch?v=ytKc0QsVRY4 - table
No nyt minulla taisi välähtää mitä tarkoitit tuolla:
("Teen siis linkin johon voi valita avaa uuteen sivuun, samaan sivuun")
TÄSSÄ KAKSI ESIMERKKIÄ
Epäilen ettet ymmärrä näistäkään mitään, koska ei nämä ole yhtään sen parempia esimerkkejä kuin tuolla ylenpänä antamani linkin takaa löytyy.
Jos haluat yksinkertaisen valinan teet kaksi linkkiä jotka osoittavat samaan verkko-osoitteeseen, vaikka näin:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>testi</title>
</head>
<body>
<p>Nämä kaksi linkkiä avaa saman sivun: Google.fi</p>
<p><a target="_self" href="https://google.fi">Tämä linkki samaan ikkunaan</a></p>
<p><a target="_blank" href="https://google.fi">Tämä linkki uuteen ikkunaan</a></p>
<p><br>
</p>
</body>
</html>
Hiukan enemän koodia syntyy kun haluat valinta listan josta käsin suoritat valinnan kuinka linkin takaa löytyvä sivu avataan, tässä esimerkissä, lomake käsitellään javascript hyödyntäen.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Linkin avaus valinta</title>
</head>
<body>
<p>Valitse listasta millä tavalla haluat linkin Google.fi sivulle avata</p>
<form name="lomake">
<select name="valinta">
<option value = "Avaa linkki uuteen ikkunaan">Uuteen ikkunaan</option>
<option value = "Avaa linkki vanhaan ikkunaan">Vanhaan ikkunaan</option>
</select>
<input type="button" value="Siirry valinnan mukaisesti Google.fi sivulle" onclick="TarkistaValinta()">
</form>
<script type="text/javascript">
function TarkistaValinta()
{
// Ensin selvitetään minkä vaihtoehdon käyttäjä on valinnut:
var indeksi = document.lomake.valinta.selectedIndex;
// Sitten sijoitetaan kyseisen vaihtoehdon arvo muuttujaan "arvo":
//var arvo = document.lomake.valinta.options[indeksi].value;
// alert("Valitsit valikosta vaihtoehdon\n " arvo);
if (indeksi == 1)
{
window.open("https://google.fi","_self")
}
if (indeksi == 0)
{
window.open("https://google.fi","_blank")
}
}
</script>
</body>
</html>
------------------------------------------------------------------------------------------------------------
Linux Mint 17.3 Rosa
Xfce 64-bit - henna.koodaa
http://imgur.com/a/m1Ycy
tuossa vielä esimerkki kuva mitä haen- henna.koodaa
Vai tarkoittaa linkki näissä sivuilla sitä että linkki avaa aina
uuden sivun johon on tehty sitten tähän uuteen sivuun se asia mitä haluu tuoda esiin.
Jos on 10 linkkiä eri asioihin niin tehdään 10 samanlaista sivupohjaa? - table
Joo, nyt ylläpito puuttu asiaan, en pysty antamaan esimerkkejä tällä sivulla. Joten muuta jatkakoon, Vituttaa tuo moderointi, tällä sivustolla tuhlaa vaan aikaansa yrittäenssään antaa esimerkkejä ja opastusta aloittelijoille. Päästiinhän tuossa hyvään alkuun.
------------------------------------------------------------------------------------------------------------
Linux Mint 17.3 Rosa
Xfce 64-bit - zyxzyxyz
Toki voi tehdä 10 samanlaista sivua html:llä ja "copy-paste-navigoinnilla". Sitä on aika hankala ylläpitää: joutuu editoimaan aina kaikkia sivuja, jos tulee muutoksia. Navigointimenu tehdään muuten yleensä lista-elementeillä (ul,li) eikä table-elementillä, ks w3-schools.
Kyllä näitä copy-paste-sivuja näkee (helpoin tehdä, ei tarvi javascriptiä, ja toimii kaikilla selaimilla).
Jos halutaan vain yksi yhteinen navigointimenu, pitäisi se tehdä omana tiedostona, mikä liitetään eri sivuille joko serveri-puolen php-includella tai javascript-jqueryllä (ei vaadi php:tä).
Toinen vaihtoehto on tehdä javascriptillä yhden sivun toteutus, millä klikattu sivu haetaan yhteisen sivun haluttuun target-diviin ("ruutuun"). jquery on tähän sopiva javascript-kirjasto (jos katsoit ylläolevan youtube-linkin, siinä tehdään juuri näin, voi tuntua aluksi vaikealta, mutta aika hyvin esitetty siinä). Voi tämän tehdä ilman jqueryäkin, muttei niin helposti (innerHTML object tai innerHTML ajax) ehkä myös iframe (selainasetukset voi estää tämän).
Sivut, mihin tulee scriptiä, pitäisi testata eri selaimilla, että toimii. zyxzyxyz kirjoitti:
Toki voi tehdä 10 samanlaista sivua html:llä ja "copy-paste-navigoinnilla". Sitä on aika hankala ylläpitää: joutuu editoimaan aina kaikkia sivuja, jos tulee muutoksia. Navigointimenu tehdään muuten yleensä lista-elementeillä (ul,li) eikä table-elementillä, ks w3-schools.
Kyllä näitä copy-paste-sivuja näkee (helpoin tehdä, ei tarvi javascriptiä, ja toimii kaikilla selaimilla).
Jos halutaan vain yksi yhteinen navigointimenu, pitäisi se tehdä omana tiedostona, mikä liitetään eri sivuille joko serveri-puolen php-includella tai javascript-jqueryllä (ei vaadi php:tä).
Toinen vaihtoehto on tehdä javascriptillä yhden sivun toteutus, millä klikattu sivu haetaan yhteisen sivun haluttuun target-diviin ("ruutuun"). jquery on tähän sopiva javascript-kirjasto (jos katsoit ylläolevan youtube-linkin, siinä tehdään juuri näin, voi tuntua aluksi vaikealta, mutta aika hyvin esitetty siinä). Voi tämän tehdä ilman jqueryäkin, muttei niin helposti (innerHTML object tai innerHTML ajax) ehkä myös iframe (selainasetukset voi estää tämän).
Sivut, mihin tulee scriptiä, pitäisi testata eri selaimilla, että toimii.Eiköhän se olisi helpointa kymmenen erillisen sivun sijasta tunkea kaikki data samaan dokumenttiin missä se navigointi ja toteuttaa navigoinnin niin, että näkyvillä on jossain kohtaa haluttu osa. Saa siis yhdellä sivulatauksella kaikki muistiin eikä tarvitse mitään copypaste puljausta.
Tablella tehdään taulukoitat, listalla listoja. Naviointi tehdään nav -elementilllä.
Kaikennäköiset iframet saa ihan suoraan unohtaa.
- zyxzyxyz
Tässä simppeli esimerkkitemplate ilman jquerya, vain javascript innerHTML object. Valmiiseen html5-templateen on vain lisätty javascript-loadi navigointimenuun. Tässä esimerkkitemplatessa on containersivu (main.html), missä navigointimenu, yksi css-tiedosto (main.css), yksi js-tiedosto (general.js=javascript-loadit) ja muutama dummy-sisältösivu, mihin varsinainen sisältö tulee. Uuden sivun lisääminen: 1. tee uusi sivu 2. lisää nav-linkki main.html:ään 3. lisää sen loadi general.js:ään.
Esimerkkitemplate löytyy täältä:
http://mkk-demo.net/main.html
Testattu: Firefox, Chrome ja Chromium. Ei testattu: IE, Edge, Safari.
Kokeilin myös yo youtube-linkin jquerya, ok, mutta jquery load ei toimi Chromella eikä Chromiumilla, jos sitä testaa localina, Firefox ok localinakin. - OnnaiskohanNäin
Nimeät sen kohde-framen, ja käytät sen linkkis targettina sitä nimettyä framea.
https://www.w3schools.com/tags/att_a_target.asp
https://www.w3schools.com/tags/att_frame_name.asp
Ketjusta on poistettu 1 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Erään T miehen viimeinen aloitus tänne
Moi Olen kirjoittanut täällä säännöllisesti yli 5 vuotta. Kaivannut kuten kuuluukiin, mutta myös unohdellut ja selvitel354125Sanna vaihteeksi Australian "60 minuuttia" ohjelmassa
Kansanvälinen superstaramme esiintyi tällä kertaa toisella puolen maapalloa esitettävässä ohjelmassa. Kiinnostus on kova1392569Yritykset verolle ja yritystuet 10 mrd. eur/v pois
Kiristämistapauksissa yrityksille sanotaan hei hei. Suomi ei tarvitse yhteiskunnan rahoilla "yrittämistä". Yhteiskunta v962161Sanna Antikainen (ps) : Vornasen pyssy suututti demarit
https://www.suomenuutiset.fi/sanna-antikaisen-kolumni-vornasen-pyssy-suututti-demarit-mutta-kuka-puhuu-totta/ Vornasen221694Yritän saada sinut pois mielestäni ja ajatuksistani nainen
Turhaan. Mitä enemmän yritän, sitä enemmän haluan sinut ja sinua. Miten voitkaan olla niin ihana ja tuntua niin hyvältä.781666Nyt meni maku vas.liittoon, kun vaativat minimituntipalkkaa lakiin
Sehän tarkoittaa samalla myös maksimituntipalkkaa, koska kun laki on kerran laadittu, niin sitä on vaikea muuttaa. Työma641415Riikka se runnoo työttömyyttä lisää
Menkää töihin! "15–74-vuotiaiden työttömyysasteen trendiluku oli lokakuussa 10,3 prosenttia. Työttömiä oli yhteensä 276121411Mun on pakko uskaltaa
Mikäköhän olisi pahin skenaario, jos vain laittaisin hänelle viestin, et haluan jutella meistä? Se, että hän vastaisi, e791331- 691328
Leikitään tavuleikkiä
Millaiset nimitavut muodostuvat jos yhdistät oman etunimesi ensimmäisen tavun ja kaipaamasi ihmisen etunimen ensimmäisen741286