modificare dei codici in java.ascensor

[fabiogilmour16]

Ciao a tutti ho utilizzato per questo sito http://fabiodb.altervista.org/index.html una serie di javascript...
Se visitate il sito cliccando sul link potete notare come sulla destra in basso vi siano dei pulsanti grigi che rappresentano la navigazione
all interno del sito....
Il punto è che vorrei inserire nei pulsanti uno stile, un immagine, oppure del testo pulsante per pulsante quindi ottenere un bottone sulla quale scirvere
ad esempio home, in un altro about me e così via...
Premetto che non sono pratico di java
Ho aperto il java ascensor in quanto credo che le modifiche possano avvenire da qui...infatti modificando alcune elementi nel background mi portano a pensare che le modifiche che vorrei apportare possano avere luogo da questo java..
Credo di aver capito che si debbano creare delle variabili o delle classi per ogni singolo pulsante...ma non saprei dove intervenire.
Questo è un elenco all interno di ascensor dove sono contenuti i codici ma non saprei quali di questi postare per potermi aiutare..nella mia ignoranza credo si tratti del punto 5.

//
//			INDEX
// 				1. CREATION OF SEVERAL VARIABLES AND ADJUSTMENT OF LARGE CONTAINER
// 				2. DEFINITION AND PLACEMENT OF CHILDREN OF THE CONTAINER, + SCROLL OF MANAGEMENT
// 				3. POSITIONING OF CONTENTS (UPSTAIRS)
// 				4. CREATING LINKS
// 				5. CREATING NAVIGATION
//				6. CREATING PREV/NEXT BUTTON
// 				7. RESIZE MANAGEMENT
// 				8. KEY MANAGEMENT
// 				9. FRIENDLY CODE MODE MANAGEMENT
// 				10. TARGET MANAGEMENT
//

 

[criric]

Ciao,
secondo me dovresti intervenire su questa riga :

<dt class="houseNavigationButton" style="z-index: 20000; position: fixed; width: 40px; height: 25px; background: none repeat scroll 0% 0% rgb(255, 255, 255); bottom: 240px; right: 190px;"><a id="houseNavigationButton1" title="Link for Content" href="#"></a></dt>

semplicemente in html, aggiungendo il nome della pagina prima della chiusura del link </a>

 

[fabiogilmour16]

cioè dovrebbe diventare così ad esempio? ho inserito Home (che dovrà corrispondere al nome della pagina Home) prima della chiusura di </a> ..

da così :

<dt class="houseNavigationButton" style="z-index: 20000; position: fixed; width: 40px; height: 25px; background: none repeat scroll 0% 0% rgb(255, 255, 255); bottom: 240px; right: 190px;"><a id="houseNavigationButton1" title="Link for Content" href="#"></a></dt>

a così:

<dt class="houseNavigationButton" style="z-index: 20000; position: fixed; width: 40px; height: 25px; background: none repeat scroll 0% 0% rgb(255, 255, 255); bottom: 240px; right: 190px;"><a id="houseNavigationButton1" title="Link for Content" href="#">[COLOR="#FF0000"]HOME[/COLOR]</a></dt>

ho capito bene? grazie

 

[criric]

intendevo cosi:

<a id="houseNavigationButton1" title="Link for Content" href="#" style="color:#FF0000;">HOME</a>

o meglio senza la linea sotto HOME

<a id="houseNavigationButton1" title="Link for Content" href="#" style="color:#FF0000;text-decoration: none;">HOME</a>

 

[fabiogilmour16]

ok ho capito
....
intervenire solo su questa porzione di codice vuol dire poter modificare lo stile di un solo pulsante?


se così fosse, dovendo cambiare lo stile di ogni singolo pulsante di navigazione, vuol dire che dovrei copiare e incollare questa stessa porzione
per quante volte i pulsanti in questo modo ad esempio?

<a id="houseNavigationButton1" title="Link for Content" href="#" style="color:#FF0000;text-decoration: none;">HOME</a>

<a id="houseNavigationButton1" title="Link for Content" href="#" style="color:#FF0000;text-decoration: none;">ABOUT ME</a>

<a id="houseNavigationButton1" title="Link for Content" href="#" style="color:#FF0000;text-decoration: none;">CONTATTI</a>

etc...

mi sbaglio?

 

[criric]

L'id cambia per ogni pulsante pero Attenzione

<a id="houseNavigationButton1" ...........
<a id="houseNavigationButton2" ...........
<a id="houseNavigationButton3" ...........

 

[criric]

Dovrai modificare anche il width in base a cosa ci scrivi dentro
almeno 50px per HOME di più per ABOUT ME ecc

<dt class="houseNavigationButton" style="width: 50px; height: 25px; bottom: 240px; right: 190px;">
<a id="houseNavigationButton1" title="Home" href="#" style="color:#FF0000;text-decoration: none;">HOME</a> 
</dt>

e al posto di title="Link for Content" metti title="home" per la HOME e cosi per gli altri

Visto che hai gia una classe css per i button ("houseNavigationButton") metterei li gli attributi che sono uguali per tutti i bottoni tipo lo z-index o il background o la position cosi mantieni un po piu pulito l'html,in piu aggiungere cursor: pointer;.

 

[fabiogilmour16]

ok ti dico cosa ho fatto...

io ho questo codice che si trova in CREATING NAVIGATION nel menù di java ascensor dentro cui, come vedrai, si trova il codice preso in esame da te

$('#'+params.AscensorName+'Navigation1').append('<dt class="'+params.AscensorName+'NavigationButton1" ><a href="#" title="home"  id="'+params.AscensorName+'NavigationButton1'+index+'">Home</a></dt>').find('dt:eq('+params.WindowsOn+')').css('background','#3F0');

mi sono limitato ad aggiungere Home prima del tag </a> poi nel title ho messo pure Home e per ho aggiunto 1 a navigationButton diventando 'NavigationButton1'
poi ho copiato tutto questo per avere questo

                                                    per il primo  home

$('#'+params.AscensorName+'Navigation1').append('<dt class="'+params.AscensorName+'NavigationButton1" ><a href="#" title="home"  id="'+params.AscensorName+'NavigationButton1'+index+'">Home</a></dt>').find('dt:eq('+params.WindowsOn+')').css('background','#3F0');

                                                      per il secondo about me
$('#'+params.AscensorName+'Navigation1').append('<dt class="'+params.AscensorName+'NavigationButton1" ><a href="#" title="home"  id="'+params.AscensorName+'NavigationButton1'+index+'">Home</a></dt>').find('dt:eq('+params.WindowsOn+')').css('background','#3F0');

e così via.. ma non funziona! forse come ho fatto io aggiunge altre navigazioni....dovrei inserire tutto dentro una sola porzione di codice ?

 

[fabiogilmour16]

chiedo scusa..il secondo è about me...cioè così

                                                    per il primo  home

$('#'+params.AscensorName+'Navigation1').append('<dt class="'+params.AscensorName+'NavigationButton1" ><a href="#" title="home"  id="'+params.AscensorName+'NavigationButton1'+index+'">Home</a></dt>').find('dt:eq('+params.WindowsOn+')').css('background','#3F0');

                                                      per il secondo about me
$('#'+params.AscensorName+'Navigation2').append('<dt class="'+params.AscensorName+'NavigationButton2" ><a href="#" title="about me"  id="'+params.AscensorName+'NavigationButton2'+index+'">about me</a></dt>').find('dt:eq('+params.WindowsOn+')').css('background','#3F0');

ecco così...volevo scrivere..

 

[criric]

Ciao,
non avevo considerato che stai usando jquery, di conseguenza la cosa per me si complica un po

sei sicuro della sintassi? (virgole parentesi etc)

Puoi postare lo script prima di averlo modificato?

PS: lo script per tutti i bottoni

 

[fabiogilmour16]

Ecco qui..
questo è il codice contenuto in questa sezione del java ascensor

/**********************************************************************************************
//
// 		5. CREATING NAVIGATION
//	  
//**********************************************************************************************

	if(params.Navig==true){
		$(node).append('<dl id="'+params.AscensorName+'Navigation"></dl>');
		
		resultatNav+=('&lt;dl id="'+params.AscensorName+'Navigation"&gt;</br>');
		
		$(node).children('div').each(function(index) {
			$('#'+params.AscensorName+'Navigation').append('<dt class="'+params.AscensorName+'NavigationButton" ><a href="#" title="link for content"  id="'+params.AscensorName+'NavigationButton'+index+'"></a></dt>').find('dt:eq('+params.WindowsOn+')').css('background','#3F0');
			
	
		
			
			resultatNav+='&lt;dt class="'+params.AscensorName+'NavigationButton" &gt;&lt;a href="#" title="Link for Content"  id="'+params.AscensorName+'NavigationButton'+index+'"&gt;&lt;/a&gt;&lt;/dt&gt;</br>';
		})
		
		resultatNav+=('&lt;/dl&gt;');
	}
	
	if(params.CSSstyles==true){
		
			
		$('#'+params.AscensorName+'Navigation dt').css({'z-index': '20000','position': 'fixed','width':'40px','height':'25px','background':'#39F'});
		$('#'+params.AscensorName+'Navigation dt:eq('+params.WindowsOn+')').css({'background': '#FFF'});
		
		if(params.ChocolateAscensor==true){
	
			$('#'+params.AscensorName+'Navigation').find('dt').each(function(index) {
				var CoordNameNav = params.ContentCoord;
				var CoordCoupeNav = CoordNameNav.split(' & ');
				var CoordoneUneNav = CoordCoupeNav[index];
				var CoordNav = CoordoneUneNav.split('|');
				var CoordNavX = parseInt(CoordNav[1])-1;
				var CoordNavY = parseInt(CoordNav[0])-1;
				
				
				var positionY= MapHeight*60;
				
				var positionX= MapWidth*65;
				
				// posizione di tutti i pulsanti
				$(this).css('bottom', function() {return (-1*CoordNavY*50+positionY); });
				$(this).css('right', function() {return (-1*CoordNavX*70+positionX);});		

				
			});
		}else{
		$('#'+params.AscensorName+'Navigation').find('dt').each(function(index) {
			$(this).css('bottom', function() {return (index*80); });		
			
		});
		
		}
		
		
		
		
			
	}
	
	

	

	

	
	$('.'+params.AscensorName+'NavigationButton').click(function(){
	

		jQuery('html,body').queue([]).stop(); 
		
		var EtageAscensor = $(this).find('a').attr('id');
		var EtageCoupe = EtageAscensor.split(''+params.AscensorName+'NavigationButton');
		var AscensorFinal = parseInt(EtageCoupe[1]);
    	params.WindowsOn = AscensorFinal;
    	
    	$.scrollTo(($('.'+params.AscensorName+':eq('+AscensorFinal+')')), 1000, {axis: params.NavigationDirection,onAfter:function(){
    		if(params.ReturnURL==true){
    			if(trueURL==AscensorFinal){
    				window.location.href='#/'+params.AscensorName+'0';
    			}else{
    				window.location.href='#/'+params.AscensorName+AscensorFinal;
    			}
    		
    			
    		}
    	}});
    	// colore del pulsante che seleziona la pagina
    	if(params.CSSstyles==true){
			$('.'+params.AscensorName+'NavigationButton').css('background','#36F');
			$(this).css('background','#FFF');
		}
    });



//**********************************************************************************************

grazie ancora

 

[criric]

L'unica cosa che mi viene in mente è provare a intervenire sul css

#houseNavigationButton1 {
        background-image: url('immagine_per_la_home.jpg');
    }
    #houseNavigationButton2 {
        background-image: url('immagine_per_contatti.jpg');
    }

ma probabilmente qualcuno che si intende di jquery ti troverà una soluzione piu appropriata