Suche Coder der mir ein kurzes simples JavaScript schreibt.

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Suche Coder der mir ein kurzes simples JavaScript schreibt.

      Hi,
      ich brauche jemanden der für mich folgendes Script abändert:

      Quellcode

      1. <head>
      2. <script language="JavaScript" type="text/javascript">function einblenden(div) {with(document.getElementById(div).style){if(display=="none"){display="inline";}else{display="none";}}}//</script>
      3. </head>
      4. <body>
      5. <input type="button" value="Wunschgebiete" class="s25" onclick="javascript:einblenden('news1')" title="Hiefür muss JavaScript aktiviert sein!"></input><br><br>
      6. <div id="news1" style="display: none;">
      7. <input type="button" value="Baukostenschätzung" class="s25" onclick="javascript:einblenden('news2')" title=\"Hiefür muss JavaScript aktiviert sein!"></input><br><br>
      8. <div id="news2" style="display: none;">
      9. </body>


      Mit den Buttons kann ich den Inhalt der im DIV Layer leigt ein oder ausblenden.
      Ziel ist es, dass immer nur ein Button eingeblendet ist. Ist also button1 aktiv, sollen alle anderen ausgeblendet sein. Das ganze soll für mehrere Buttons funktionieren.
      Schickt mir eine eine PN mit eurem Angebot.

    • Hier eine Lösung, wenn sie Dir gefällt, würde ich mich über eine "Spende" über 5 Euro freuen. Melde dich einfach per PN. Viel Spaß damit.

      HTML-Quellcode

      1. <html>
      2. <head>
      3. <script language="JavaScript" type="text/javascript">
      4. function einblenden(div) {
      5. ausblenden('layerdiv');
      7. div = document.getElementById(div);
      9. if(div.style.display=="none"){
      10. div.style.display="inline";
      11. } else{
      12. div.style.display="none";
      13. }
      14. }
      16. function ausblenden(css_class) {
      17. var divs = getElementsByClassName(css_class);
      18. for (var i = 0, j = divs.length; i < j; i++) {
      19. // Do your thing here.
      20. //alert(divs[i].style.display);
      21. divs[i].style.display = "none";
      22. }
      23. }
      25. // see http://muffinresearch.co.uk/archives/2006/04/29/getelementsbyclassname-deluxe-edition/
      26. function getElementsByClassName(strClass, strTag, objContElm) {
      28. strTag = strTag || "*";
      29. objContElm = objContElm || document;
      30. var objColl = objContElm.getElementsByTagName(strTag);
      31. if (!objColl.length && strTag == "*" && objContElm.all) objColl = objContElm.all;
      32. var arr = new Array();
      33. var delim = strClass.indexOf('|') != -1 ? '|' : ' ';
      34. var arrClass = strClass.split(delim);
      35. for (var i = 0, j = objColl.length; i < j; i++) {
      36. var arrObjClass = objColl[i].className.split(' ');
      37. if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
      38. var c = 0;
      39. comparisonLoop:
      40. for (var k = 0, l = arrObjClass.length; k < l; k++) {
      41. for (var m = 0, n = arrClass.length; m < n; m++) {
      42. if (arrClass[m] == arrObjClass[k]) c++;
      43. if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
      44. arr.push(objColl[i]);
      45. break comparisonLoop;
      46. }
      47. }
      48. }
      49. }
      50. return arr;
      51. }
      53. // To cover IE 5.0's lack of the push method
      54. Array.prototype.push = function(value) {
      55. this[this.length] = value;
      56. }
      57. </script>
      58. </head>
      59. <body>
      60. <input type="button" value="Wunschgebiete" class="s25" onclick="javascript:einblenden('news1')" title="Hiefür muss JavaScript aktiviert sein!"></input><br><br>
      61. <div id="news1" style="display: none;" class="layerdiv">News 1</div>
      62. <input type="button" value="Baukostenschätzung" class="s25" onclick="javascript:einblenden('news2')" title="Hiefür muss JavaScript aktiviert sein!"></input><br><br>
      63. <div id="news2" style="display: none;" class="layerdiv">News 2</div>
      65. </body>
      66. </html>
      Alles anzeigen