Path: csiph.com!aioe.org!AKu7ad0cA6o6tLUOFuYZQQ.user.gioia.aioe.org.POSTED!not-for-mail
From: Enrico Maria Chellini <bitit@bitit.it>
Newsgroups: it.comp.lang.javascript
Subject: semplificare in una funzione sola
Date: Fri, 20 Nov 2020 19:19:26 +0100
Organization: www.bitit.it
Lines: 87
Message-ID: <20201120191926.7ab86d52@nntp.aioe.org>
NNTP-Posting-Host: AKu7ad0cA6o6tLUOFuYZQQ.user.gioia.aioe.org
Mime-Version: 1.0
Content-Type: text/plain; charset=US-ASCII
Content-Transfer-Encoding: 7bit
X-Complaints-To: abuse@aioe.org
X-Newsreader: Claws Mail 3.17.8 (GTK+ 2.24.32; x86_64-mageia-linux-gnu)
X-Notice: Filtered by postfilter v. 0.9.2
Xref: csiph.com it.comp.lang.javascript:8333

come faccio a semplificare in una funzione sola questo script:


<script type="text/javascript" >
var Dtesto1=14;
var Dtesto2=14;
var Dtesto3=14;

var frecciabasso='/album/freccia-basso.png';
var frecciaalto='/album/freccia-alto.png';
function  FontSize(dimensione)
{
	 if (Dtesto1==14){
  document.getElementById('par01').style.fontSize = dimensione + 'px';
    document.getElementById('par01').style.padding = dimensione + 'px';
  
   
   Dtesto1 =0;
   document.getElementById('titolodomanda1').style.backgroundImage='url('+frecciaalto+')';

   }else {  
     document.getElementById('par01').style.fontSize = dimensione +
   'px'; document.getElementById('par01').style.padding = dimensione +
   'px'; Dtesto1 =14;
 document.getElementById('titolodomanda1').style.backgroundImage='url('+frecciabasso+')';
 }	
 }
 function  FontSize2(dimensione2)
{
  if (Dtesto2==14){
  document.getElementById('par02').style.fontSize = dimensione2 + 'px';
    document.getElementById('par02').style.padding = dimensione2 + 'px';
  
   
   Dtesto2 =0;
   document.getElementById('titolodomanda2').style.backgroundImage='url('+frecciaalto+')';

   }else {  
     document.getElementById('par02').style.fontSize = dimensione2 +
   'px'; document.getElementById('par02').style.padding = dimensione2 +
   'px'; Dtesto2 =14;
 document.getElementById('titolodomanda2').style.backgroundImage='url('+frecciabasso+')';
 }	
} 
 function  FontSize3(dimensione3)
{
  if (Dtesto3==14){
  document.getElementById('par03').style.fontSize = dimensione3 + 'px';
    document.getElementById('par03').style.padding = dimensione3 + 'px';
  
   
   Dtesto3 =0;
   document.getElementById('titolodomanda3').style.backgroundImage='url('+frecciaalto+')';

   }else {  
     document.getElementById('par03').style.fontSize = dimensione3 +
   'px'; document.getElementById('par03').style.padding = dimensione3 +
   'px'; Dtesto3 =14;
 document.getElementById('titolodomanda3').style.backgroundImage='url('+frecciabasso+')';
 }	
} 
</script> 
<--css
.titolodomanda{background-color:#4D4E4E;color:#ffffff;
   background-image: url('album/freccia-basso.png');
   background-repeat:no-repeat; background-position:left; padding-top:
   20px; padding-bottom:20px; margin-top:24px; margin-bottom: 0px;}
   .titolodomanda >a{color: #ffffff;padding-left:60px;}

.faqnascosto{font-size:0; border: solid 1px; padding: 0px; font-weight:
bold; margin-top:0px; }

-->

<h5 id="titolodomanda1" class="titolodomanda"><a
href="javascript:FontSize(Dtesto1)" > question 1?</a>
</h5><p class="faqnascosto" id="par01"> </p>

<h5 id="titolodomanda2" class="titolodomanda"><a
href="javascript:FontSize(Dtesto2)" > question 2 ?</a>
</h5><p class="faqnascosto" id="par02"> </p>

<h5 id="titolodomanda3" class="titolodomanda"><a
href="javascript:FontSize(Dtesto3)" > question 3?</a>
</h5><p class="faqnascosto" id="par03"> </p>