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

4 partecipanti

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

Messaggio Da MaxPower97 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...

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

Grazie mille per l'aiuto!


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

Sesso : Maschio
Età : 32
Messaggi : 120
Località : Padova

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 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.
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://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 Mer 18 Mag 2011 - 1:08

puoi collegare quella tabella al tuo forum con un iframe
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 27
Messaggi : 5129
Località : Italy

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 Mer 18 Mag 2011 - 18:54

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

Sesso : Maschio
Età : 32
Messaggi : 120
Località : Padova

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 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
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 27
Messaggi : 5129
Località : Italy

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 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
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://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 Mer 18 Mag 2011 - 20:42

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

Sesso : Maschio
Età : 32
Messaggi : 120
Località : Padova

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 Mer 18 Mag 2011 - 20:47

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

Sesso : Maschio
Età : 32
Messaggi : 120
Località : Padova

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 Mer 18 Mag 2011 - 22:31

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

vabhe ok risolto.
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 27
Messaggi : 5129
Località : Italy

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 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!!! [Risolto]A una scritta corrisponde un html (entrate x capire meglio!) 61470

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.
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

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 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
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://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 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..
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

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 Mer 18 Mag 2011 - 23:12

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

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://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 Gio 19 Mag 2011 - 15:32

perchè sconsigli gli iframe ? io li uso tantissimo :S
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 27
Messaggi : 5129
Località : Italy

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 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
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

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 Gio 19 Mag 2011 - 17:32

Crow.. fatto..
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

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 Gio 19 Mag 2011 - 19:05

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

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://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 Gio 19 Mag 2011 - 20:49

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

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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