Visualizzazione risultati 1 fino 9 di 9

Discussione: molti input id in una pagina

  1. #1
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    134

    Predefinito molti input id in una pagina

    In una pagina ho 3 <input...>, in uno di questi ci ho messo un id col relativo css e funziona. Vorrei metterlo anche negli altri 2 input ma so che non possibile. Ho provato anche a mettere 3 <input class...>, ma non funziona.

  2. #2
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    9,596

    Predefinito

    Citazione Originalmente inviato da albenessereblog Visualizza messaggio
    Vorrei metterlo anche negli altri 2 input ma so che non possibile
    Non puoi mettere pi elementi con lo stesso id, ma puoi mettere pi elementi con diverso id. Oppure con la stesa classe. Se non ti funziona sbagli qualcosa. Senza mostrare il codice non possiamo dirti nulla in pi.

    Ho fatto un esempio.

    Codice HTML:
    <!doctype html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title> Test id </title>
    
    		<style type="text/css">
    			#rosso {background-color:#F00}
    			#verde {background-color:#0F0}
    			#blu {background-color:#00F}
    			.grassetto{font-weight: bold}
    		</style>
    	</head>
    	<body>
    		<h1>Non in grassetto:</h1>
    		<p>input rosso: <input id="rosso"></p>
    		<p>input verde: <input id="verde"></p>
    		<p>input blu: <input id="blu"></p>
    		
    		<h1>In grassetto:</h1>
    		<p>grassetto1: <input class="grassetto" value="testo"></p>
    		<p>grassetto2: <input class="grassetto" value="testo2"></p>
    		<p>grassetto3: <input class="grassetto" value="testo3"></p>
    	</body>
    </html>
    Ciao!
    Ultima modifica di alemoppo : 04-11-2017 alle ore 15.18.06

  3. #3
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    134

    Predefinito

    Il codice questo, ma come si vede ho messo un solo id. Ho provato anche mettendo 3 classi, ma non funziona.

    Codice PHP:
    // if a button is hidden, show only other
            
    $hide strtolower$args['hide'] );
            if ( 
    'subscribe' === $hide ) {
                
    $this->input_form_action '<input type="submit" name="unsubscribe" value="' esc_attr$unsubscribe_button_value ) . '" />';
            } elseif ( 
    'unsubscribe' === $hide ) {
                
    $this->input_form_action '<input id="nuovi" type="submit" name="subscribe" value="' esc_attr$subscribe_button_value ) . '" />';
            } else {
                
    // both form input actions
                
    $this->input_form_action '<input type="submit" name="subscribe" value="' esc_attr$subscribe_button_value ) . '" />&nbsp;<input type="submit" name="unsubscribe" value="' esc_attr$unsubscribe_button_value ) . '" />';
            } 

  4. #4
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    9,596

    Predefinito

    Cos dovrebbe andare:
    Codice PHP:
    $hide strtolower$args['hide'] ); 
            if ( 
    'subscribe' === $hide ) { 
                
    $this->input_form_action '<input type="submit" class="nomeclasse" name="unsubscribe" value="' esc_attr$unsubscribe_button_value ) . '" />'
            } elseif ( 
    'unsubscribe' === $hide ) { 
                
    $this->input_form_action '<input type="submit" class="nomeclasse" name="subscribe" value="' esc_attr$subscribe_button_value ) . '" />'
            } else { 
                
    // both form input actions 
                
    $this->input_form_action '<input type="submit" class="nomeclasse" name="subscribe" value="' esc_attr$subscribe_button_value ) . '" />&nbsp;<input type="submit" class="nomeclasse" name="unsubscribe" value="' esc_attr$unsubscribe_button_value ) . '" />'
            } 
    Ovviamente devi definire .nomeclasse{}

    p.s: perch invece di &nbsp; non metti uno spazio?

    Ciao!

  5. #5
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    134

    Predefinito

    Non funziona, questo il css:

    Codice PHP:
    /* Bottone "Iscriviti" */
    .nomeclasse {    
        
    background-color#009192;
        
    text-shadownone;
        
    bordernone;
        
    margin-left89px;
    }   

    .
    nomeclassei:hover {    
        
    background-color#00a8aa;


  6. #6
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    9,596

    Predefinito

    Puoi indicare la pagina in questione? Ho guardato il tuo sito, il bottone "iscriviti" della newsletter a me funziona ma fatto con id. Immagino che tu stia lavorando in un'altra pagina.

    Ciao!

  7. #7
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    134

    Predefinito

    Ho modificato ora puoi vedere che solo un pulsante prende i colori giusti (rosso e verde all'hover)

    http://albenessereblog.altervista.org

  8. #8
    L'avatar di alemoppo
    alemoppo non  connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    9,596

    Predefinito

    Il secondo pulsante "unsubscribe" non ha la classe "nuovi".

    Ciao!

  9. #9
    albenessereblog non  connesso Utente AlterBlog
    Data registrazione
    04-10-2016
    Messaggi
    134

    Predefinito

    Ok, risolto

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •