[Risolto]A una scritta corrisponde un html (entrate x capire meglio!)


Risolto [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MaxPower97 il Mar 17 Mag 2011 - 15:27

Ciao a tutti
vorrei sapere come creare l'html che schiacciando su una scritta venga un nuovo html...
Come in questo forum: http://newsboard.forumfree.it/?f=1346174 (chiedo scusa perchÚ non Ŕ di questa piattaforma, ma era solo per fare un'esempio...)
In pratica quando clicco sopra a tabella 2 mi viene una nuova tabella senza aprirsi in una nuova scheda...



Grazie mille per l'aiuto!


Ultima modifica di MaxPower97 il Gio 19 Mag 2011 - 20:33, modificato 1 volta
avatar
MaxPower97
***

Sesso : Maschile
EtÓ : 25
Messaggi : 120
LocalitÓ : Padova


Vedi il profilo dell'utente http://passioneconsole.forumattivo.it
MaxPower97 Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da the crow il Mer 18 Mag 2011 - 0:14

quelle sono tabelle caricate su altervista
Esempio
e poi linkate sul forum....se non hai uno spazio web, non puoi farlo devi cambiare idea o ci dici cosa vuoi fare in quel caso possiamo inventarci qualcosa.
avatar
the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 8797
LocalitÓ : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MattiaDes il Mer 18 Mag 2011 - 1:08

puoi collegare quella tabella al tuo forum con un iframe
avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
EtÓ : 21
Messaggi : 3038
LocalitÓ : Modena, Italy


Vedi il profilo dell'utente http://www.habbolifeforum.com
MattiaDes Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MaxPower97 il Mer 18 Mag 2011 - 18:54

Perfetto, io ho uno spazio web: altervista. Sapete dirmi ora come fare?=??
avatar
MaxPower97
***

Sesso : Maschile
EtÓ : 25
Messaggi : 120
LocalitÓ : Padova


Vedi il profilo dell'utente http://passioneconsole.forumattivo.it
MaxPower97 Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MattiaDes il Mer 18 Mag 2011 - 19:12

usa questo codice:
Codice:

<iframe src="http://www.habbolifeforum.com/" width="100%" height="300">
</iframe>

Sostituisci www.HabbolifeForum.com con il link del tuo sito e poi modifichi i parametri height e width per modificare la grandezza e la larghezza dell'iframe
avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
EtÓ : 21
Messaggi : 3038
LocalitÓ : Modena, Italy


Vedi il profilo dell'utente http://www.habbolifeforum.com
MattiaDes Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da the crow il Mer 18 Mag 2011 - 19:18

come fai... crei la tabella, la metti in un file html e lo link in un
Codice:
<iframe src="indizzo url"" scrolling="no" frameborder="0"></iframe>
..puoi ci sono diversi modi per impostare l'iframe..vedi un attimo tu
avatar
the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 8797
LocalitÓ : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MaxPower97 il Mer 18 Mag 2011 - 20:42

Ti ringrazio con tutto il "cuore". Adesso lo provo e ti so dire...
Grazie ancora...
avatar
MaxPower97
***

Sesso : Maschile
EtÓ : 25
Messaggi : 120
LocalitÓ : Padova


Vedi il profilo dell'utente http://passioneconsole.forumattivo.it
MaxPower97 Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MaxPower97 il Mer 18 Mag 2011 - 20:47

Funziona alla grande! Metto risolto! yupi
avatar
MaxPower97
***

Sesso : Maschile
EtÓ : 25
Messaggi : 120
LocalitÓ : Padova


Vedi il profilo dell'utente http://passioneconsole.forumattivo.it
MaxPower97 Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MattiaDes il Mer 18 Mag 2011 - 22:31

crow con il tuo codice nn si riescono a modificare le dimensioni ¨.¨

vabhe ok risolto.
avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
EtÓ : 21
Messaggi : 3038
LocalitÓ : Modena, Italy


Vedi il profilo dell'utente http://www.habbolifeforum.com
MattiaDes Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da Diego il Mer 18 Mag 2011 - 22:33

avevo messo questa guida prima.. per fortuna che l'avevo salvata.. -.-
Che cosa carinaaaaaaaaaaaaaaaaa.. Mi mancavano le richieste come questaaaaaaaa!!!

Mi hai stuzzicato la fantasia, ed adesso ne pagherai le conseguenze.. XD
Allora.. lascia stare gli iframe.. fanno un casino e basta.. (esperienza personale)
io ti consiglio di ricorrere al javascript o jquery..
Codice:
<script language="JavaScript" type="text/javascript">
function cambio(tab){
    jQuery("div#tabella").css("display","none");
    jQuery("div." + tab).css("display","block");
}
</script>
Ŕ una piccola funzione che ti ho scritto per occultare i vari pezzi di codice, ma se vuoi puoi aggiungere anche degli effetti visivi fra il cambio di tabella come scorrimenti, svanizioni o quel che vuoi..

poi..
Codice:
<a  onclick="cambio('tabella_1')">tabella principale</a>
<a  onclick="cambio('tabella_2')">tabella principale</a>
<a onclick="cambio('tabella_3')">tabella principale</a>
Questa parte Ŕ semplicissima.. sono tanti link, i quali indicano la tabella da mostrare.. "cambio('NOME_ASEGNATO_ALLA_TABELLA')"

ed ora i contenitori che faranno apparire e nescondere il materiale.. Very Happy
Codice:
<div style="display:block;" id="tabella" class="tabella_1" >Tabella principale</div>

<div style="display:none;" id="tabella" class="tabella_2" >Tabella nascosta 1</div>

<div style="display:none;" id="tabella" class="tabella_3" >Tabella nascosta 2</div>
Nel quale dovrai specificare il nome della tabella nel campo class.. Very Happy

Esempio collaudato da me 5 minuti fa..
Codice:
<script language="JavaScript" type="text/javascript">
function cambio(tab){
    jQuery("div#tabella").css("display","none");
    jQuery("div." + tab).css("display","block");
}
</script>

<a  onclick="cambio('tabella_1')">tabella principale</a>
<a  onclick="cambio('tabella_2')">tabella principale</a>
<a onclick="cambio('tabella_3')">tabella principale</a>

<div style="display:block;" id="tabella" class="tabella_1" >Tabella principale

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

</div>

<div style="display:none;" id="tabella" class="tabella_2" >Tabella nascosta 1

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

</div>

<div style="display:none;" id="tabella" class="tabella_3" >Tabella nascosta 2

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

</div>
PS:- il codice non funge se non implementi le librerie jquery, ma sono giÓ implementate di default nel forum..
PPS:- il codice Ŕ stato scritto interamente da me e mi farebbe piacere se venisse inserito nella sezione "Risorse" Very Happy


Ultima modifica di Diego il Gio 19 Mag 2011 - 17:31, modificato 1 volta
avatar
Diego
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 2249
LocalitÓ : arezzo


Vedi il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da the crow il Mer 18 Mag 2011 - 23:03

si ma dove lo devono inserire questo codice....e in piu dove possono scrivere il testo o quello che devono mettere nella tabella....falla piu completa e la inserisco.Senza scappare
avatar
the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 8797
LocalitÓ : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da Diego il Mer 18 Mag 2011 - 23:07

io so per di molto come la vuole.. basta mettere le tabelle dentro i div.. lui ha chiesto un codice per fare un lavoro e glielo ho fornito.. se poi mi dice come vuole la tabella gliela faccio pure..
avatar
Diego
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 2249
LocalitÓ : arezzo


Vedi il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da the crow il Mer 18 Mag 2011 - 23:12

come sopra...cosi abbiamo il tutor completo.grazie
avatar
the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 8797
LocalitÓ : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da MattiaDes il Gio 19 Mag 2011 - 15:32

perchŔ sconsigli gli iframe ? io li uso tantissimo :S
avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
EtÓ : 21
Messaggi : 3038
LocalitÓ : Modena, Italy


Vedi il profilo dell'utente http://www.habbolifeforum.com
MattiaDes Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da Diego il Gio 19 Mag 2011 - 17:21

Ecco alcune problematiche.. Very Happy

Contro:-
- vengono ignorati dai motori di ricerca
- Se il contenuto supera una certa altezza (maggiore dell'iframe), esso viene tagliato o appaiono le barre di scorrimento
- Graficamente brutti e rigidi
- Diventi matto solo se si parla di inserire diversi link
- Bisogna vedere i sorci verdi per farlo adattare al contenuto
- La pagina caricata Ŕ letteralmente isolata dalla pagina madre creando delle differenze grafiche
- ecc..

Pro:-
carichi pagine esterne con mezza riga di codice

Adesso sono stati superati dal javascript e il relativo jQuery..
questa Ŕ una piccola lista dell'atternativa del jQuery agli iframe.. (aprendo le pagine dentro un DIV)

Pro:-
- Il contenuto viene inserito sui motori di ricerca (dipende dai casi..)
- Si adatta automaticamente alla pagina madre come se il codice fosse scritto in essa, dando libero accesso alle eventuali librerie e funzioni contenute in essa..
- La pagina caricata Ŕ letteralmente aperta dentro un div e quindi lo si pu˛ modificare, trasformare e soprattutto senza tanti problemi liberamente con il css..
- Non devi aver nessun accorgimento particolare per i link.. (poi se vuoi fare cose strane ce li devi avere.. Ŕ ovvio..)
- puoi caricare la pagina solo quando ti serve evitando di appesantire il caricamento della pagina madre
- si possono aggiungere degli effetti grafici al caricamento
- Andanndo sul codice solgente della pagina madre Ŕ difficilissimo rintracciare per noi comuni mortali il codice sorgente della pagina aperta, quindi Ŕ anche uno script anti-copia
- ed altra roba..

Contro:-
Non si possono caricare pagine esterne senza ricorrere a qualche proxy in ajax.. (mi avevano detto che esistevano.. boh.. io non sono mai stato capace di trovarne uno giÓ fatto in rete..)

A te la scelta.. Laughing
avatar
Diego
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 2249
LocalitÓ : arezzo


Vedi il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da Diego il Gio 19 Mag 2011 - 17:32

Crow.. fatto..
avatar
Diego
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 2249
LocalitÓ : arezzo


Vedi il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da the crow il Gio 19 Mag 2011 - 19:05

devo mettere nei tutoriali il codice che...crea questo ?????
http://tifosigialloverdi.forumattivo.com/h37-tabella
avatar
the crow
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 8797
LocalitÓ : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow Ŕ stato ringraziato dall'autore di questo topic.

Risolto Re: [Risolto]A una scritta corrisponde un html (entrate x capire meglio!)

Messaggio Da Diego il Gio 19 Mag 2011 - 20:49

senza le librerie jquery non fa niente.. devi spuntare "Utilizza cima e fondo del forum"..
avatar
Diego
Veterano dello staff

Sesso : Maschile
EtÓ : 26
Messaggi : 2249
LocalitÓ : arezzo


Vedi il profilo dell'utente http://www.folliacity.it/blog-1.html
Diego Ŕ stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum