Avaleht
uus teema   vasta Tarkvara »  Programmeerimine »  HTML läbi JS'i märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
Terror
HV veteran
Terror

liitunud: 08.11.2001
sõnum 23.08.2009 12:46:30 HTML läbi JS'i vasta tsitaadiga
Mõtlesin, et täiustaks ajaviiteks ühte scripti mille kunagi ühe mängu tarbeks tegin, kuid tekkis soov ka asi vähe "proffesionaalsemaks muuta". Script ise tekitab kõigepealt ühe akna kus kasutaja saab täita teatud lahtrid ning vastavalt kasutaja sisestatud väärtustele teeb script hiljem oma asja. Problem on aga selle sama aknaga mis tehakse JS abiga.

Spoiler Spoiler Spoiler

Notepadis ma html'i just ei kirjuta eriti ning veelvähem läbi JS'i, suurte katse eksitus meetoditega jõudsin sellise tulemuseni, kuid asi pole just visuaalselt eriti korrektne, oskaks keegi abistada selles osas? Oleks vaja lisada ka 8 checkboxi, nii, et nad sinna ilusti jääks kuskile.
Kommentaarid: 100 loe/lisa Kasutajad arvavad:  :: 1 :: 2 :: 91
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 23.08.2009 13:31:56 vasta tsitaadiga
Kujunduse koha pealt ei oska midagi öelda, kuna ei tea ju mida sa soovid. Kogu kujundamine käib css peal täpselt nii nagu oled laiused ja taustavärvi pannud. CheckBox lisamiseks kirjutasin sulle sinna ühe tsükli. Võid lisada ka manuaalselt seal kus teisi elemente peale paned (valikuAken.innerHTML )

function createDiv(){
   
   X=111;
   Y=222;
   T="2009/06/06";
   S="17:00:00";
   
   cookie_date=new Date(2009,11,11);
   aknavaartused = document.cookie.match( /inputx([0-9]*)inputy([0-9]*)SnipeDate([0-90-9\/]*)SnipeTime([0-90-9\:]*)/);
      if(aknavaartused!=null){
      X=aknavaartused[1];
      Y=aknavaartused[2];
      T=aknavaartused[3];
      S=aknavaartused[4];
   }

   divId = 'hyperAken';
   valikuAken = document.createElement( 'div' );
   valikuAken.id = divId;
   valikuAken.style.background = '#F8EFD8';
   valikuAken.style.position = 'relative';
   valikuAken.style.top = '10px';
   valikuAken.style.left = '10px';
   valikuAken.style.height = '230px';
   valikuAken.style.width = '370px';
   valikuAken.style.padding='10px';
   valikuAken.style.border = 'solid 1px #000';
   valikuAken.innerHTML =    '<CENTER>Target Coords</CENTER>'+
            '<CENTER>X: <input type="text" name="inputx" id="inputx" value="'+X+'" size="3"> Y: <input type="text" name="inputy" id="inputy" value="'+Y+'" size="3"></CENTER><br/>'+
            '<CENTER>Select Date and Time troops must land</CENTER>'+
            '<CENTER><input type="text" name="date" id="date" size="8" value="'+T+'"><input type="text" name="time" id="time" value="'+S+'" size="6"></CENTER><br/>'+
            '<CENTER><input type="submit" value="» OK «" style="font-size: 10pt;" onClick="superFunktsioon( \'' + divId + '\', true )"/><CENTER>'+
            '<P ALIGN="right"><font size="1"> Made in Estonia ™ ;)</font></P>';

   document.body.appendChild( valikuAken );
   // ***** teeme tsykliga 9 CH box
   for (i=1;i<10;i++){
   CHname="ch"+i;   
CHid="cid"+i;      
chBOX=document.createElement('input');
chBOX.name=CHname;
chBOX.id=CHid;
chBOX.type='checkbox';
   document.getElementById('hyperAken').innerHTML=document.getElementById('hyperAken').innerHTML+"M"+i;
   document.getElementById('hyperAken').appendChild(chBOX);

   }
   // *** margime suvalise checked
      document.getElementById('cid2').checked='true';
}
createDiv();

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Terror
HV veteran
Terror

liitunud: 08.11.2001
sõnum 23.08.2009 14:00:56 vasta tsitaadiga
asi ei taha fungata kui javascript: ette panna ning bookmarki pista.
Kuid checkboxidest lähemalt:
7tk kokku praegu:

*Spear
*Sword
*Axe
*LC
*HC
*RAM
*Noble

Paigutus nii, et silmale ilus oleks. Ning praeguse scripti puhul mis mul on tehtud ujuvad need kastid ja tekstid veits ringi.
Kommentaarid: 100 loe/lisa Kasutajad arvavad:  :: 1 :: 2 :: 91
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 23.08.2009 14:31:30 vasta tsitaadiga
Oot, kuhu sa seda koodi panna tahad. See pannakse html lehele <script language="JavaScript"> </script> vahele
ja selle salvestad nüüd näiteks valikuaken.html faili ja teed browseris lahti.
<html>
<body>
<script  language="JavaScript">
function createDiv(){
   
   X=111;
   Y=222;
   T="2009/06/06";
   S="17:00:00";
   
   cookie_date=new Date(2009,11,11);
   aknavaartused = document.cookie.match( /inputx([0-9]*)inputy([0-9]*)SnipeDate([0-90-9\/]*)SnipeTime([0-90-9\:]*)/);
      if(aknavaartused!=null){
      X=aknavaartused[1];
      Y=aknavaartused[2];
      T=aknavaartused[3];
      S=aknavaartused[4];
   }

   divId = 'hyperAken';
   valikuAken = document.createElement( 'div' );
   valikuAken.id = divId;
   valikuAken.style.background = '#F8EFD8';
   valikuAken.style.position = 'relative';
   valikuAken.style.top = '10px';
   valikuAken.style.left = '10px';
   valikuAken.style.height = '230px';
   valikuAken.style.width = '370px';
   valikuAken.style.padding='10px';
   valikuAken.style.border = 'solid 1px #000';
   valikuAken.innerHTML =    '<CENTER>Target Coords</CENTER>'+
            '<CENTER>X: <input type="text" name="inputx" id="inputx" value="'+X+'" size="3"> Y: <input type="text" name="inputy" id="inputy" value="'+Y+'" size="3"></CENTER><br/>'+
            '<CENTER>Select Date and Time troops must land</CENTER>'+
            '<CENTER><input type="text" name="date" id="date" size="8" value="'+T+'"><input type="text" name="time" id="time" value="'+S+'" size="6"></CENTER><br/>'+
            '<CENTER><input type="submit" value="» OK «" style="font-size: 10pt;" onClick="superFunktsioon( \'' + divId + '\', true )"/><CENTER>'+
            '<P ALIGN="right"><font size="1"> Made in Estonia ™ ;)</font></P>';

   document.body.appendChild( valikuAken );
   // ***** teeme tsykliga 9 CH box
   for (i=1;i<10;i++){
   CHname="ch"+i;   
CHid="cid"+i;      
chBOX=document.createElement('input');
chBOX.name=CHname;
chBOX.id=CHid;
chBOX.type='checkbox';
   document.getElementById('hyperAken').innerHTML=document.getElementById('hyperAken').innerHTML+"M"+i;
   document.getElementById('hyperAken').appendChild(chBOX);

   }
   // *** margime suvalise checked
      document.getElementById('cid2').checked='true';
}
createDiv();
</script>
</body>
</html>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Terror
HV veteran
Terror

liitunud: 08.11.2001
sõnum 23.08.2009 14:59:28 vasta tsitaadiga
Algul jäi mainimata, kuid antud script on ühele online mängule. Seal ma source muuta ei saa. Script läheb browseri bookmarki ning algab "javascript:" ning peale seda kood. Copy mu script bookmarki siis saad täpsemalt aimu mida silmas pean.
Kommentaarid: 100 loe/lisa Kasutajad arvavad:  :: 1 :: 2 :: 91
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 23.08.2009 15:04:25 vasta tsitaadiga
Terror, Firefox + Greasemonkey
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 23.08.2009 15:21:47 vasta tsitaadiga
mikk36 kirjutas:
Terror, Firefox + Greasemonkey
Või Opera user scripts - veel lihtsam kui FFiga - pole vaja miskit juurde installida icon_wink.gif
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Terror
HV veteran
Terror

liitunud: 08.11.2001
sõnum 23.08.2009 16:05:24 vasta tsitaadiga
valikuAken.style.position = 'relative'; pidin panema "absolute" siis tuli aken nähtavale. Näeb tiba kobedam välja ka nüüd ning sain need boxid ka enamvähem paika icon_smile.gif Font võetakse vist sellelt lehelt kust selle parasjagu käima lased, või on kuidagi browseriga seotud?
Greasemonkey'st pole kasu antud juhul kuna ei soovi seda asja automaatselt käivitada iga kord.
Kommentaarid: 100 loe/lisa Kasutajad arvavad:  :: 1 :: 2 :: 91
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 23.08.2009 16:13:36 vasta tsitaadiga
Terror, no siis tee vastav nupp lehele juurde. Kõik võimalused on Greasmonkey/user scripts puhul ju olemas. DOM'ile ligipääs olemas
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  Programmeerimine »  HTML läbi JS'i
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.