Javascript-kysymyksiä

[Macpoika]

Jotkut ovat varmaan huomanneet tuoreet viestini täällä ohjelmointi-osastolla. Nyt olen aikeissa opetella JavaScriptin. Tarvitsisin kuitenkin tiedon, miten voin tarkistaa tukeeko selain JavaScriptiä ja onko JavaScript asetettu päälle.

[gramdel]

<script>/<noscipt> html tageilla pääsee jonkinlaiseen alkuun ja lisää googlella.

/---
ap

[Macpoika]

Mistä johtuu, että document.write() korvaa koko dokumentin sisällön? Millä tavalla voisi lisätä tavaraa poistamatta muuta?

[gramdel]

Mistä johtuu, että document.write() korvaa koko dokumentin sisällön? Millä tavalla voisi lisätä tavaraa poistamatta muuta?

Voisin suositella tutustumaan johonkin JavaScript alkeisoppaaseen/tutorialiin, innerhtml lienee taikasana.

/---
ap

[Macpoika]

Mistä johtuu, että document.write() korvaa koko dokumentin sisällön? Millä tavalla voisi lisätä tavaraa poistamatta muuta?

Voisin suositella tutustumaan johonkin JavaScript alkeisoppaaseen/tutorialiin, innerhtml lienee taikasana.

/---
ap

Luin ohjelmointiputkan oppaan melkein kokonaan. Siellä ei ollut tuosta mainittu mitään.

[mazbi]

Esim. näin:

Koodi: Valitse kaikki

<div id="foo"></div>

<script type="text/javascript">
  var foo = document.getElementById("foo");
  foo.innerHTML = "text";
</script>

[Macpoika]

Esim. näin:

Koodi: Valitse kaikki

<div id="foo"></div>

<script type="text/javascript">
  var foo = document.getElementById("foo");
  foo.innerHTML = "text";
</script>

Tai näin:

Koodi: Valitse kaikki

document.getElementById("foo").innerHTML ="text";

[Macpoika]

Mulla on noscript-tagien kanssa ongelma.

Koodi: Valitse kaikki

<?php $var = "one" ?>
<noscript><?php $var = "another" ?></noscript>
<?php include($var); ?>

Edit: Unohtui ongelman selitys:
Eli oli javascript päällä tai ei, niin tuo aina hakee 'another':in.

[MiniMe]

Eikös nosrcipt ole selainta varten oleva tagi. Eli jos JS-tukea ei ole, se näyttää sen. Tuskin palvelin älyää noiden noscript-tagien päälle php-koodia suoritettaesa.

[Macpoika]

Eikös nosrcipt ole selainta varten oleva tagi. Eli jos JS-tukea ei ole, se näyttää sen. Tuskin palvelin älyää noiden noscript-tagien päälle php-koodia suoritettaesa.

AIvan. En tajunnut tuota. Miten tuon voisi tehdä toisella tapaa?

[nobu178]

Eikös nosrcipt ole selainta varten oleva tagi. Eli jos JS-tukea ei ole, se näyttää sen. Tuskin palvelin älyää noiden noscript-tagien päälle php-koodia suoritettaesa.

AIvan. En tajunnut tuota. Miten tuon voisi tehdä toisella tapaa?

Kirjoitat nosrcipt-tagien väliin, mitä pitäisi lukea, jos JavaScript ei ole päällä. Jos ratkaisu ei miellytä, voit lennättää kävijän toiselle sivulle. meta-tagien ja JavaScriptin location.href:llä onnistuu.

[Macpoika]

Eikös nosrcipt ole selainta varten oleva tagi. Eli jos JS-tukea ei ole, se näyttää sen. Tuskin palvelin älyää noiden noscript-tagien päälle php-koodia suoritettaesa.

AIvan. En tajunnut tuota. Miten tuon voisi tehdä toisella tapaa?

Kirjoitat nosrcipt-tagien väliin, mitä pitäisi lukea, jos JavaScript ei ole päällä. Jos ratkaisu ei miellytä, voit lennättää kävijän toiselle sivulle. meta-tagien ja JavaScriptin location.href:llä onnistuu.

Minulla on siis kaksi koodi pätkää. Toisessa javascriptiä, toisessa ei. haluan, että vain toinen sisällytetään. Koska sisällytys tehdään PHPllä, tulee juttu tuplana (joista toinen ei toimi), kun javascript ei ole päällä.

[nobu178]

Sitten toi noscript ei ehkä auta. Mitä jos teet sivun, joka toimii ilman JavaScriptiä, ja vaikkapa onloadiin laitat JavaScript-komennot, joiden pitää toimia, kun JavaScript on päällä. PHP-yhteydenhän voi hoitaa AJAXilla.

Lisäys: Ilman PHP:täkin onnistuu esittämään palvelimella olevia tekstejä, kunhan käytät XMLHttpRequestia. Vielä helpompi olisi kirjoittaa koodipätkä suoraan JavaScriptiin (tai js-tiedostoon).

[Macpoika]

Sitten toi noscript ei ehkä auta. Mitä jos teet sivun, joka toimii ilman JavaScriptiä, ja vaikkapa onloadiin laitat JavaScript-komennot, joiden pitää toimia, kun JavaScript on päällä. PHP-yhteydenhän voi hoitaa AJAXilla.

Sain toimimaan näin:

Koodi: Valitse kaikki

<span class="scripted"><?php include("one"); ?></span>
<noscript>
<?php include("another"); ?>
<style type="text/css" media="all">.scripted { display: none; }</style>
</noscript>

[nobu178]

Ei mitään varsinaisesti, mutta kysynpä, onko toi body-tagien sisällä vai head-tagien? Vai sijaitsevatko span- ja noscript-tagit eri paikassa?

[Macpoika]

Ei mitään varsinaisesti, mutta kysynpä, onko toi body-tagien sisällä vai head-tagien? Vai sijaitsevatko span- ja noscript-tagit eri paikassa?

Ne on bodyn sisällä. Huomasin ettei se validoidu. Onko javascriptissä vastaavaa kuin PHPn include()? Jos PHP osaisi tarkistaa javascriptin päälläolemisen, ei olisi ongelmaa, mutta se osaa kertoa vain jos selaimessa on tuki.

Ärsyttää.

Linkin kohteeksihan voi laittaa esim. "?thing=$blahblah". Miten tämän voi tehdä automaattisesti?

[tkt]

Hiukan vaikeaan, kun PHP ei tiedä tuon taivaallista selaimesta. PHP-koodi suoritetaan palvelimella kun sivua ladataan, JS-puolestaan ajetaan työasemassa selaimen alaisuudessa. Yksinkertaistettuna, kun sivu on selaimessa, niin PHP:tä ei enää ajeta.

Mukavasti ohjeita ja malleja löytyy <http://www.w3schools.com/> -osoitteesta.

--Ari

[Macpoika]

Hiukan vaikeaan, kun PHP ei tiedä tuon taivaallista selaimesta. PHP-koodi suoritetaan palvelimella kun sivua ladataan, JS-puolestaan ajetaan työasemassa selaimen alaisuudessa. Yksinkertaistettuna, kun sivu on selaimessa, niin PHP:tä ei enää ajeta.

Mukavasti ohjeita ja malleja löytyy <http://www.w3schools.com/> -osoitteesta.

--Ari

Tuon siis tiesin, mutta onko mahdollista lähettää palvelimelle tavaraa automaattisesti?

[nobu178]

Hiukan vaikeaan, kun PHP ei tiedä tuon taivaallista selaimesta. PHP-koodi suoritetaan palvelimella kun sivua ladataan, JS-puolestaan ajetaan työasemassa selaimen alaisuudessa. Yksinkertaistettuna, kun sivu on selaimessa, niin PHP:tä ei enää ajeta.

Mukavasti ohjeita ja malleja löytyy <http://www.w3schools.com/> -osoitteesta.

--Ari

Tuon siis tiesin, mutta onko mahdollista lähettää palvelimelle tavaraa automaattisesti?

Niin kuin kirjoitin ylhäällä, kyllä pelkällä JavaScriptillä voi imuroida tekstin palvelimelta. Laitat onloadiin komennon, joka XMLHttpRequestilla imuroi tekstin palvelimelta seuraavaan tyyliin:

Koodi: Valitse kaikki

XXXXX.open("GET","Macpoika.txt",true);

Tässä on se huono puoli, että Jos yhteydenotossa on häikkää, teksti voi tulla viiveellä tai voi jäädä kokonaan tulematta. Siksi koko juttu taitaa kannattaa laittaa JavaScript-komentoon, joka on laitettu vaikkapa onloadiin. Jos JavaScript on päällä, komento toimii (= koodipätkä esitetään) ja komento jää suorittamatta (= koodipätkä jää esittämättä), jos JavaScript ei ole päällä. Onko koodipätkä sellainen, jota ei voi esittää JavaScriptillä?

[Macpoika]

Onnistuin näin:

Koodi: Valitse kaikki

<script type="text/javascript">

function switch() {
document.getElementById('linkki').href = '?content=hello_js.php';
}

</script>

Koodi: Valitse kaikki

<body onload="switch()">

<a id="linkki" href="?content=hello.php">Change content</a>

<?php
if(isset($_GET['content'])) {
include($_GET['content']);
}
?>

</body>

[mazbi]

get_browser-funktiosta voisi olla apua.

[Macpoika]

get_browser-funktiosta voisi olla apua.

Se ei kerro onko Javascript sallittu. Ongelma on jo ratkaistu edellä mainitulla tavalla.

[nobu178]

get_browser-funktiosta voisi olla apua.

Se ei kerro onko Javascript sallittu. Ongelma on jo ratkaistu edellä mainitulla tavalla.

Pitäisi kertoa, kunhan php.ini on kunnossa. Itse ehdotin JavaScriptin käyttöä, koska otsikko on "Javascript-kysymyksiä". Minusta tuntuu, että hoidat asian hyvin monimutkaisesti, vaikka nopeampia ja yksinkertaisempia keinoja on tarjolla. No, siihen lienee hyvät syyt.

[Aaaron]

Onnistuin näin:

Koodi: Valitse kaikki

<a id="linkki" href="?content=hello.php">Change content</a>

<?php
if(isset($_GET['content'])) {
include($_GET['content']);
}
?>

Hiemanko on hazardöösiä koodia. Ei ikinä koskaan IKINÄ EI EI EI EI EI EI saa luottaa mihinkään käyttäjältä tulevaan inputtiin, oli se sitten GET tai POST tai lomakkeilta tulevaa dataa. EI EI JA EI!

Tuohon voi vihamielinen käyttäjä laittaa parametriksi lähes minkä tahansa tiedoston, mitä koneeltasi löytyy ja ohjelmasi näyttää sen, koska et tarkista, että syöte on sallituissa rajoissa.

Tuohon voi kokeilla pistää parametriksi esim. /etc/passwd, jolloin ohjelmasi huonolla tuurilla includeaa sellaista dataa, jota ei todellakaan saisi palvelimen ulkopuolelle näyttää.

Tuohon on ratkaisuna asettaa olemassaolevat sivut taulukkoon, jonka sisältämät arvot on sallittu ja kaikki muu estetty. Kannattaa tutustua tietoturvan perusteisiin ja tässä tapauksessa esim. php:n basename -funktioon.

[morbusg]

Sellanen vinkki että kannattaa varmaan koko javascriptin opettelun sijaan panostaa esim. prototypen tai jqueryn jnejne. opetteluun.