Back to top

Autore Topic: Modulo con bottoni per visualizzare immagine e testo  (Letto 2000 volte)

Offline fabietto488

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
    • Mostra profilo
Ciao ragazzi.
Allora, premetto che non sono sicuro che questa sia la sezione giusta dove postare questo problema ma mi sembrava la più adatta tra quelle disponibili; in caso abbia sbagliato chiedo venia ai mod/admin e vi chiedo di spostare il tutto nella sezione opportuna.  :)

E ora veniamo al problema:
Ho la necessità di creare un modulo con dei bottoni che premuti mostrino ognuno un'immagine con affianco del testo; di seguito il link del template dov'è possibile visualizzare l'effetto:

http://www.globbersthemes.com/demo/blaskernblack2/#

Il modulo che mi interessa è quello sotto la barra gialla delle "HOT NEWS", con i pulsanti "Newsflash - About Company - Latest News".

Ora, il problema è che non ho idea del codice da applicare ai pulsanti per fare in modo che facciano comparire immagine e testo rispettivamente per ogni pulsante premuto, senza che la pagina si aggiorni.

Vi ringrazio in anticipo per l'aiuto!

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #1 il: 01 Apr 2014, 08:23:15 »
ciao fabietto488,
 quello è un tabbed control, lo chef consiglia: jquery+jqueryui e il metodo tabs(). vedi:
https://jqueryui.com/tabs/


dico jquery perché è presente in quasi tutti i templates, e se usi J3 ne è addirittura la base.


ciao,
marco



mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline fabietto488

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #2 il: 01 Apr 2014, 09:13:05 »
Gentilissimo, anzitutto grazie per aver spostato e per la celerità nella risposta!

In effetti è proprio quello che cercavo, ma avrei un problemino, nel senso che ho tempi molto brevi per la pubblicazione del sito e quindi, non avendo tempo di studiare tutto (cosa che farò più che volentieri appena possibile visti i vantaggi che offre da quel poco che ho visto) vorrei chiederti la gentilezza di darmi indicazioni per implementare il codice nel sito.

Nella pagina linkata ho notato che il tabbed control è formato da codice html associato a script e il tutto va inserito tra in <head> e <body> e qui arriva il problema, nel senso che non è possibile implementare il tutto creando un nuovo modulo di tipo: "HTML personalizzato" e a questo punto non so dove inserirlo.

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #3 il: 01 Apr 2014, 10:33:53 »
no, no io non ho spostato nulla, è stato tomtom che è il mouse più veloce del forum  ;D


se sei di fretta allora, come diciamo noi vecchi programmatori C, quick and dirty!


1.
la parte head inseriscila nell'head del template, facendo attenzione che non ci siano già le inclusioni per jQuery che sono presenti in molti template.


2.
il codice html mettilo pure nel modulo. se jQuery trova l'id specificato attiva il tabbed, se no non fa niente e quindi non genera nessun errore.


ciao,
marco

mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline fabietto488

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #4 il: 01 Apr 2014, 10:54:35 »
Citazione
no, no io non ho spostato nulla, è stato tomtom che è il mouse più veloce del forum  ;D
ahahahahah grazie anche a lui allora ^^

Comunque nell'index del template ci sono già diverse inclusioni jQuery.

Ho provato sia inserendo solo il codice html nel modulo, sia anche implementando l'head a quello già esistente ma il tutto porta come risultato a visualizzare nella pagina del sito invece del tabbed il codice html  :(

In allegato c'è uno screen.


[allegato eliminato automaticamente dopo un anno]

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #5 il: 01 Apr 2014, 11:49:59 »
non puoi incollare codice html nell'editor se non sei in modalità html, altrimenti il codice viene convertito in testo.


uhm la vedo lunga...


ciao

mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #6 il: 01 Apr 2014, 11:52:12 »
ma se tu stai utilizzando esattamente quel template leggi la documentazione per sapere come si fa.
molto probabilmente ci sono già delle modalità preconfezionate senza bisogno di modificare nulla.


ciao

mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline fabietto488

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #7 il: 01 Apr 2014, 18:28:40 »
Citazione
non puoi incollare codice html nell'editor se non sei in modalità html, altrimenti il codice viene convertito in testo.
Si errore di distrazione, mi era sembrato di averlo inserito in modalità codice sorgente ma mi sono sbagliato... succede questo quando si passa l'intera nottata cercando una soluzione  ;D

comunque ora inserendolo in modalità html il risultato adesso è il seguente:



Con le prime 3 voci che sono diventate link.

Dovremmo esserci, probabilmente c'è qualche parametro da impostare e dovrebbe funzionare. Puoi aiutarmi a ultimarlo?

Citazione
ma se tu stai utilizzando esattamente quel template leggi la documentazione per sapere come si fa.
molto probabilmente ci sono già delle modalità preconfezionate senza bisogno di modificare nulla.

Non c'è della documentazione allegata, è per questo che ho chiesto qui nel forum  :)

Offline mmleoni

  • Global Moderator
  • Instancabile
  • ********
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #8 il: 02 Apr 2014, 08:11:31 »
è un template a pagamento: devi chiedere alla assistenza.


ciao

mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline fabietto488

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #9 il: 02 Apr 2014, 08:17:37 »
Citazione
devi chiedere alla assistenza.

Assistenza in francese, nemmeno in english, ma apparte questo io non sto chiedendo supporto per un template ma bensì su come utilizzare la funzione jQuery che tu mi hai gentilmente indicato ma che non riesco ad implementare.

Offline fabietto488

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #10 il: 02 Apr 2014, 12:03:38 »
Allora, sono riuscito ad inserire il tabbed presente sul sito che mi avevi linkato all'inizio, ma adesso ho un altro problema in quanto lo slideshow presente nella home non funziona più appena inserisco il codice per il tabbed.

Il problema deriva dal fatto che anche lo slideshow utilizza jQuery; ora, tu mi avevi detto di controllare che non ci fossero già dei riferimenti relativi al jQuery prima di inserire il codice, ma visto che non posso fare a meno di nessuno dei 2 c'è un modo per farli convivere?

Di seguito posto i 2 codici:

SLIDESHOW:
Codice: [Seleziona]
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>   

 <script type="text/javascript">   
 var $j = jQuery.noConflict();   
 jQuery(document).ready(function ($){   
 $j("#slider").nivoSlider(   
 {effect: "sliceUpDown",   
 slices: 15,   
 boxCols: 8,   
 boxRows: 4,   
 animSpeed: 1000,   
 pauseTime: 3000,   
 captionOpacity: 1   
 }); });   
 </script>

TABBED CONTROL:
Codice: [Seleziona]
  <meta charset="utf-8">

  <title>jQuery UI Tabs - Default functionality</title>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

  <script src="//code.jquery.com/jquery-1.9.1.js"></script>

  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

  <link rel="stylesheet" href="/resources/demos/style.css">

  <script>

  $(function() {

    $( "#tabs" ).tabs();

  });

  </script>

Offline fabietto488

  • Esploratore
  • **
  • Post: 75
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Re:Modulo con bottoni per visualizzare immagine e testo
« Risposta #11 il: 21 Mag 2014, 18:35:25 »
Vista la situazione di stallo che si era venuta a creare ho optato per risolvere in modo differente e ho installato l'estensione "Sliders" che permette di creare all'interno di un articolo dei "bottoni" con delle scritte e cliccandoci sopra apre una tendina con all'interno un testo e/o delle immagini.

Per chi fosse interessato, di seguito il link alla pagina su Extension Joomla! per il download:

SLIDERS

« Ultima modifica: 21 Mag 2014, 18:37:12 da fabietto488 »

 



Web Design Bolzano Kreatif