Anonymní profil mephcz – Programujte.com

Příspěvky odeslané z IP adresy 81.91.219.–

mephcz

JavaScript, AJAX, jQuery › skryti/zobrazení textu - pom…

24. 7. 2012 #160581

přeji dobrý den, díska za reakci ale už se mi to podařilo na forech vypídit a funkčně implementovat níže přikládám zdrojáky:

k href="favicon.png" rel="icon" type="image/png" />
    <!-- This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="cz" />
    <meta name="robots" content="all,follow" />

    <meta name="author" lang="en" content="All: Your website name [www.your-website.com]; e-mail: info@your-website.com" />
    <meta name="copyright" lang="en" content="webdesign: Vit Dlouhy [Nuvio - www.nuvio.cz; NuvioTemplates - www.nuviotemplates.com]; e-mail: hello@nuviotemplates.com" />

    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/scheme.css" />
    <link rel="stylesheet" media="print" type="text/css" href="css/print.css" />

    <title>Trochá zábavy neuškodí</title>
    <script type="text/javascript">
	 function MyFunction(divName){
        
        //hidden val
        var hiddenVal = document.getElementById("tempDivName"); 
        
        //hide old
        if(hiddenVal.Value != undefined){
            var oldDiv = document.getElementById(hiddenVal.Value); 
            oldDiv.style.display = 'none'; 
        }
        
        //show div
            var tempDiv = document.getElementById(divName); 
            tempDiv.style.display = 'block';              
        
        //save div ID
            hiddenVal.Value = document.getElementById(divName).getAttribute("id");
                
        }
  function SwitchElementVisibility (AName)
  {
    var xElement;
    xElement = document.getElementById(AName);

    if (xElement.style.display == 'block'){
      xElement.style.display = 'none';
    } else {
      xElement.style.display = 'block';
    }
  }
</script>

a v textu:

<input id="tempDivName" type="hidden" />

<a href="#" onclick="MyFunction('div_dil_01');">zobrazit</a>
<a href="#" onclick="MyFunction('div_dil_02');">zobrazit</a>



<div style="display: none;" id="div_dil_01">skryty text </div>
<div style="display: none;" id="div_dil_02">skryty text </div>

mephcz

JavaScript, AJAX, jQuery › skryti/zobrazení textu - pom…

24. 7. 2012 #160559

Přeji dobrý den,
na stránce mám požitý skript na skrytí/zobrazení textu:

<head>
    <script type="text/javascript">
  function SwitchElementVisibility (AName)
  {
    var xElement;
    xElement = document.getElementById(AName);

    if (xElement.style.display == 'block'){
      xElement.style.display = 'none';
    } else {
      xElement.style.display = 'block';
    }
  }
</script>
</head>

a ve stránce potom:

<a href="#" onclick="SwitchElementVisibility('div_dil_01'); return(false);">zobrazit/skrýt</a>

<div style="display: none;" id="div_dil_01">skryty obsah</div>

vše funguje jak má, ale mám jeden požadavek který by mi ušetřil případné komplikace:

potřebuji aby při použití hide/unhide bylo předchozí hide/unhide automaticky schováno = vždy může být odkryto pouze jedeno textové pole né více najednou a odkrytí dalšího automaticky skryje aktuálně otevřené.

Předem díky za pomoc.

Daniel