JavaScript - Strona 39 - Kody, triki, sztuczki

15 maj 2008

Dodawanie opcji do Selecta

Dodawanie opcji do selecta z bieżącego okna i z nowego okna

<HTML>

  <HEAD>
    <SCRIPT LANGUAGE="JavaScript">

      var tmpval = "";
      function add_option() {

        nr = document.forms[0].miasto.length
        ntyp = new Option('Lublin', nr)
        document.forms[0].miasto.options[nr] = ntyp
      }
      function add_option2() {
        tmpval = document.forms[0].tmpval.value

        if (tmpval != "") {
          nr = document.forms[0].miasto.length
          ntyp = new Option(tmpval, nr)
          document.forms[0].miasto.options[nr] = ntyp
          document.forms[0].tmpval.value = ""
        }
      }
      function new_option() {
        config = 'toolbar=no, location=no, directories=no, status=no, menubar=no, width=250, height=30, scrollbars=no, resizable=no, top=150, left=480'
        win = window.open("", "option", config)

        body = '<title>Dodaj miasto</title>'
        body += '<script>function add_option(){'
        body += 'opener.document.forms[0].tmpval.value = document.forms[0].noption.value'
        body += 'opener.document.forms[0].dodaj.focus()'
        body += 'self.close()'
        body += '}<\/script><form><INPUT TYPE="text" NAME="noption" value=""><INPUT TYPE="button" name="dodaj" value="Dodaj"' + 'onClick="' + "add_option()" + '"></form>'

        win.document.write(body)
      }

    </SCRIPT>
  </HEAD>

  <BODY>
    <br><br><br>
    <FORM METHOD=POST ACTION="select.html" name="adres">
      <TABLE>
        <TR>
           <TD><select name="miasto">
                 <option value="1">Warszawa</option>
                </select>
             </TD>
           <TD><INPUT TYPE="button" name="dodaj" value="nowe okienko dodaj" onClick="new_option()"
              onFocus="add_option2()"></TD>
           <TD><INPUT TYPE="button" name="dodaj2" value="dodaj" onClick="add_option()"></TD>
           <TD><INPUT TYPE="hidden" name="tmpval" value=""></TD>
        </TR>
      </TABLE>
    </FORM>
  </BODY>

</HTML>

15 maj 2008

Czy element html ma podelementy :)

var element = xmlDoc.getElementsByTagName('photod')[0];
if (element.hasChildNodes()) {
  alert('jest');
}

15 maj 2008

Otworzenie strony w nowym oknie

function click_on(a) {
    window.open(a);
}

<a title="www" href="javascript:click_on('http://kody.wig.pl')">www</a>

9 maj 2008

Usuwanie komentarza ze strony przy wykorzystaniu removeChild

<h1>tytul</h1>
<p>tresc tresc tresc tresc tresc tresc tresc</p>
<h5>komentarz</h5>

<p>tresc tresc tresc tresc tresc tresc tresc</p>
<h5>komentarz2</h5>

<script type="text/javascript">
  function usun() {
    while (element = document.getElementsByTagName('h5')[0]) {
      element.parentNode.removeChild(element);
    }
  }
</script>
<a href="javascript:usun()">usuń komentarz</a>

9 maj 2008

Uruchomieni edytora tinyMCE w dwóch polach formularza

Inicjalizacja w JS:

<script language="javascript" type="text/javascript" src="../edytor/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
  tinyMCE.init({
    mode: "exact",
    elements: "strona_fragment",
    theme: "simple"
  });

  tinyMCE.init({
    mode: "exact",
    elements: "strona_tresc",
    theme: "advanced"
  });
</script>

Kod formularza HTML:

<form action="" method="post">
  <textarea id="strona_fragment" name="strona_fragment" cols="60" rows="4" class="mceSimple"></textarea>
  <textarea id="strona_tresc" name="strona_tresc" cols="60" rows="15" class="mceAdvanced"></textarea>
</form>