Kedjade select listor (webform)

Events happening in the community are now at Drupal community events on www.drupal.org.
ChristianP's picture

Hej, jag håller på med ett kontaktformulär och jag skulle vilja ha att om man väljer ett alternativ från en select list så ska select listan bredvid fyllas i relevant till den första. Typ såhär:

Selectlist 1: Län
option 1: norrbotten
option 2: uppland
osv

Selectlist 2: Ort
Väljer man norrbotten i ovan lista så ska den bara visa orter från norrbotten i dessa options.

www.servicefinder.se har gjort exakt som jag vill ha det i deras kontaktformulär på förstasidan.

Jag hittade ett script som heter Chained Selectlist här: http://www.appelsiini.net/2010/jquery-chained-selects

Men jag och jQuery är inte riktigt bästa vänner, jag fick till det lite, men det blir skitkrångligt att försöka döpa varenda "Option" till en class, det går inte ens läste jag för att Drupals form_alter inte fungerar på det viset, och det verkar inte fungera att namnge Options classes med jQuery heller i slutändan.

Är det någon som sitter på en alternativ idé eller kanske en lösning? Skulle vara riktigt schysst. Smidigast vore ju en modul.

Comments

Tror du är ute efter

pontus_nilsson's picture

Tror du är ute efter Hierarchical Select.

//Pontus Nilsson, Digitalist

Jo, jag har provat den, men

ChristianP's picture

Jo, jag har provat den, men den verkar inte gå att få till på ett kontaktformulär tyvärr. :/ Visst, kanske går att använda rules på ett vanligt innehåll men hur ska jag bära mig åt då när kunden ser formuläret? Går det att printa en "node/add/page" i ett block så alla textfält dyker fram så det ser ut som ett webform?

Vet inte exakt vad du vill

pontus_nilsson's picture

Vet inte exakt vad du vill göra här men skapa en innehållstyp contact_form, skapa ett alias till node/add/contact_form som kanske heter kontakt, med nodformuläret så får du till Hierarchical Select. Man blir lätt lite begränsad med webform.

Du skulle också kunna använda Panels för att printa ut node add-formuläret i ett pane.

//Pontus Nilsson, Digitalist

Aha, tackar. Ska prova!

ChristianP's picture

Aha, tackar. Ska prova! Skulle man inte även kunna använda typ "Node as block" istället för att använda Panels när man printar du "kontaktformuläret"?

Node as block gör bara noder

pontus_nilsson's picture

Node as block gör bara noder till block om jag minns rätt. Du kan använda Panels eller Form Block för att lägga nodformuläret i ett block.

//Pontus Nilsson, Digitalist

Jepp, jag använde Form Block,

ChristianP's picture

Jepp, jag använde Form Block, funkar utmärkt. Men går det thema med Views sen, eller räcker CSS långt? Är kung på CSS men tänkte bara höra om det går att påverka med Views på nåt sätt. Till exempel ta bort "Förhandsvisa"-knappen och ändra "Spara" till "Skicka". Går ju göra med jQuery annars, men ändå.

Vad menar du med att "thema

pontus_nilsson's picture

Vad menar du med att "thema med Views"? Tänker du på listor av inskickade kontaktformulär som du genererar med views?

//Pontus Nilsson, Digitalist

Dags för en härlig

pontus_nilsson's picture

Dags för en härlig hook_form_alter :) här, här och här finns information hur du modiferar formulär i Drupal.

//Pontus Nilsson, Digitalist

Aha, det är alltså så man

ChristianP's picture

Aha, det är alltså så man måste göra. Då har jag två frågor till. Hierarchical Select är inte exakt som jag vill ha det, jag gillar inte att det är fade-effekt, och jag skulle helst vilja att underkategori-fältet ska vara utprintat hela tiden så inte folk blir förvirrade att det dyker upp fler rutor etc, hur mycket kan man styla här? Kanske måste titta runt lite på Issues om Hierarchical Select.

Hur fungerar E-postfältet när man använder sig av vanliga Nodes istället för webform? Kommer en person som tagit emot mailet kunna besvara det direkt i sin e-postläsare? För det måste ju finnas epost-headers genom Rules typ?

Hmm, förstår mig inte på

ChristianP's picture

Hmm, förstår mig inte på Hierarchy Select. Jag vill ha som hans första exempel överst: http://wimleers.com/demo/hierarchical-select/taxonomy

Men jag får inte till det vad jag än använder för inställningar. Som jag förstått det så är det "Force deep select" eller liknande, sen ska det inte vara nåt mer speciellt... :/ Jag får bara en ruta, som utvecklar sig efter man valt. Jag använder Taxonomi med 1 djupare nivå.

Okej, jag har fått till det

ChristianP's picture

Okej, jag har fått till det någorlunda nu i alla fall. Nu har jag två selectlistor: Välj Kategori och Välj Underkategori. Enda problemet är att "Välj Kategori" måste ligga förbestämd på något alternativ som har en "högerpil" om "Underkategori"-fältet ska kunna ligga framme. Går det på nåt sätt att ha Labeln kvar på "Välj Kategori" men ändå ha select listan "Välj Underkategori" framme? Har typ gått igenom Hierarchicals Issue-list men hittar inget vettigt. :/

Såhär ser det ut nu:

  • Välj Kategori
    -- Hår > (förbestämd, annars syns inte andra select listan eftersom Hierarchical Select fungerar på det viset)

  • Välj Underkategori
    -- Klippning