Joo eli pitäisi saaha java scriptillä luotua <div id="main"> -elementin sisään uusia elementtejä (esim p, h1, a, yms) ja tekstiä. Pikaisesti yritin väsyneillä silmillä vilkuilla nuita JS ja DOM -oppaita. Mutta sieltä ei oikeen tarttunut mukaan kauheesti..
Lähinnä ajatus ois tehdä itselle pätevä apuväline sivupohjan tekemiseen. Tekisin vain perus pohjan, ja lisäisin js:llä kappaleet, täyte tekstit, linkit, listat ja sen sellaiset.
Sainkin värkkäiltyä (muiden scripteistä yhdistelemällä) itselle pätkän joka lisää tekstiä, mutten ihan halunnut sitä tekstiä kyllä suoraa bodyn alle... Lienekö väsymys pimentää ajatuksen vai enkö vain oppinut heti ideaa :D veikkaan jälkimmäistä.
Kokeiluni siis näyttää tältä:
document.getElementById("main").innerHTML = document.write("Hello World");kiitos avuista jo etukäteen.
Moi Pentu!
simppeli esimerkki
<html>
<head>
<script language="javascript">
function set_html()
{
var html = "<a href='https://www.ohjelmointiputka.net/keskustelu/26601-js-elementti-toisen-sis%C3%A4%C3%A4n/sivu-1'>linkki</a>";
document.getElementById('main').innerHTML = html;
}
</script>
</head>
<body>
<div id="main">
<input type="button" value="run srcript" onclick="set_html()"/>
</div>
</body>
</html>tai jQueryä käyttämällä:
<html>
<head>
<script language="javascript">
function set_html()
{
var html = "<a href='https://www.ohjelmointiputka.net/keskustelu/26601-js-elementti-toisen-sis%C3%A4%C3%A4n/sivu-1'>linkki</a>";
$('#main').append(html);
}
</script>
</head>
<body>
<div id="main">
<input type="button" value="run srcript" onclick="set_html()"/>
</div>
</body>
</html>Itse asettaisin vielä napille jonkin kuvaavan id:n tai classin ja asettaisin jQueryllä funktion ajettavaksi, kun tätä id:ä klikkaa. Eli poistaisin tuon onclickin kokonaan käytöstä.
Mielestäni järkevin ratkaisu olisi seuraava:
http://jsfiddle.net/yqVwE/
Mikäli käsitin skriptin tarkoituksen oikein, eli kokonaan JavaScriptillä tehty sivusto, järkevin ratkaisu on tehdä se jollain muulla tavalla. Jos kyseessä on jokin pelkästään omaan käyttöön tuleva apuväline, niin sitten ratkaisu on ymmärrettävä.
Hyviä ovat ideanne! :) En kyllä hakenut sitä, että joutuisin tekeen erikseen nappulaa tai muuta ylimmääräistä koodia.
Pentu kirjoitti:
pitäisi saaha java scriptillä luotua (esim.) <div id="main"> -elementin sisään uusia elementtejä
...
Tekisin vain perus pohjan, ja lisäisin js:llä kappaleet, täyte tekstit, linkit, listat ja sen sellaiset.
Toki eihän se nyt liikaa ole vaadittu et yhden nappulan sekaan lisäisi. Hetken värkkäiltyäni ja yhdisteltyäni eri pätkiä (taas) san hakemani nyt edes vähän pelittämään. Tähän tyyliin:
<html>
<head>
<title>TEST</title>
<script type="text/javascript">
<!--
function set_html()
{
var html = "<h2> Otsikko 1 </h2> \n <p>Tämä on <div id='main'></p> \n <p> \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href='https://www.ohjelmointiputka.net/keskustelu/26601-js-elementti-toisen-sis%C3%A4%C3%A4n/sivu-1'>exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. \n </p>\n ";
document.getElementById('main').innerHTML = html;
}
//-->
</script>
</head>
<body onload = set_html()>
<div id="main">
</div>
</body>
</html>Kiitos kuitenkin vastauksista, ihan päteviltä näyttävät nuokin. Voisinkin jossain kohtaa opiskella tuota JS:ää vielä, kun PHP taipuu jo.. Jollain tapaa.
Toki kehitys ideoita ja mietteitä otetaan vielä vastaan tästä rojektista/koodinpätkästä... Risut ja Ruusut siis :D
-tossu- kirjoitti:
Mikäli käsitin skriptin tarkoituksen oikein, eli kokonaan JavaScriptillä tehty sivusto, järkevin ratkaisu on tehdä se jollain muulla tavalla. Jos kyseessä on jokin pelkästään omaan käyttöön tuleva apuväline, niin sitten ratkaisu on ymmärrettävä.
Juu kyllä, kyseessä on vain ja ainoastaan itselle työkaluksi tarkoitettu scripti.. helpottamaan sivupohjan tekemistä (mahdollisimman vähän ylimmääräistä itse dokumenttiin ;) )
Aihe on jo aika vanha, joten et voi enää vastata siihen.