Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > it.comp.lang.javascript > #8333 > unrolled thread

semplificare in una funzione sola

Started byEnrico Maria Chellini <bitit@bitit.it>
First post2020-11-20 19:19 +0100
Last post2020-11-20 19:24 +0100
Articles 2 — 1 participant

Back to article view | Back to it.comp.lang.javascript

Contents

  semplificare in una funzione sola Enrico Maria Chellini <bitit@bitit.it> - 2020-11-20 19:19 +0100
    Re: semplificare in una funzione sola Enrico Maria Chellini <bitit@bitit.it> - 2020-11-20 19:24 +0100

#8333 — semplificare in una funzione sola

FromEnrico Maria Chellini <bitit@bitit.it>
Date2020-11-20 19:19 +0100
Subjectsemplificare in una funzione sola
Message-ID<20201120191926.7ab86d52@nntp.aioe.org>
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>

[toc] | [next] | [standalone]

#8334

FromEnrico Maria Chellini <bitit@bitit.it>
Date2020-11-20 19:24 +0100
Message-ID<20201120192418.0fc15316@nntp.aioe.org>
In reply to#8333
Il giorno Fri, 20 Nov 2020 19:19:26 +0100
Enrico Maria Chellini <bitit@bitit.it> ha scritto:

> 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; }
> 
> -->  
Correggo

<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:FontSize2(Dtesto2)" > question 2 ?</a>
</h5><p class="faqnascosto" id="par02"> </p>

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

[toc] | [prev] | [standalone]

Back to top | Article view | it.comp.lang.javascript

csiph-web