molti input id in una pagina

04-11-2017, 12.27.17

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.

**alemoppo** · 04-11-2017, 16.04.05

Originalmente inviato da albenessereblog

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!

04-11-2017, 16.17.23

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 ) . '" />';

        }

**alemoppo** · 04-11-2017, 16.21.40

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   non metti uno spazio?

Ciao!

04-11-2017, 16.38.18

Non funziona, questo è il css:

Codice PHP:


/* Bottone "Iscriviti" */

.nomeclasse {    

    background-color: #009192;

    text-shadow: none;

    border: none;

    margin-left: 89px;

}   



.nomeclassei:hover {    

    background-color: #00a8aa;

}

**alemoppo** · 04-11-2017, 17.02.40

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!

04-11-2017, 17.20.02

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

http://albenessereblog.altervista.org

**alemoppo** · 04-11-2017, 17.47.18

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

Ciao!

04-11-2017, 18.03.12

Ok, risolto

Discussione: molti input id in una pagina

LinkBack

Strumenti discussione

Display

molti input id in una pagina

Regole di scrittura