The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Linking Image Galleries - Wordpress
Lyne M
post May 26 2015, 07:05 PM
Post #1





Group: Members
Posts: 2
Joined: 26-May 15
Member No.: 22,649



Ive got a wordpress website in construction www.urbanlifestyledesigns.com.au
Im having trouble getting the search button I added to search the bigstock gallery
I have copied the HTML code from jsfiddle and the basic buttons appear but the search fails.
The page is http://www.urbanlifestyledesigns.com.au/image-gallery/
I can email the code if required
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 26 2015, 07:45 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,734
Joined: 9-August 06
Member No.: 6



Here's your form and I'm afraid it does absolutely nothing. sad.gif

CODE
<form class="well form-search"><input class="search-query span4" type="text" placeholder="Find the perfect image..." /><button class="btn btn-primary" type="submit">Search</button></form>


A HTML form is just the interface, provides means for user input, somewhere to type if you will. For something to actually happen the form needs to be connected to a server side script. That's done by putting the URL to the script as the value of the action attribute in the form tag. Your form has no action attribute at all.

See http://htmlhelp.com/faq/html/forms.html#formstoc .

But as said you also need the script and maybe you also need a database for the image search. You could look for a ready-made image search script. Try http://hotscripts.com .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Lyne M
post May 26 2015, 08:24 PM
Post #3





Group: Members
Posts: 2
Joined: 26-May 15
Member No.: 22,649



Thank you that was helpful.
If I put the following code below what Ive got and change the href to the url I want to authenticate to will that work?
Eg:
<ul class="item-template hide">
<li>
<a href="#" class="thumbnail"><img></a>
</li>
</ul>

If I change the href="api.bigstockphoto.com/2/628148/search/?q=dog&response_detail=all

does that then give the search field a destination?

Ive been using this code from the following url http://jsfiddle.net/bigstock/YSGDD/

I really really appreciate your time. Thank you
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 27 2015, 04:45 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,734
Joined: 9-August 06
Member No.: 6



OK, it looks like it's supposed to be as you originally had it. I thought it was a normal form. Sorry, but this seems to be JSON and I don't know the first thing about JSON. But you should at least have the JavaScript part form JSFiddle too. Do you have that and do you refer to it from the HTML page? You have so many JavaScripts and I don't want to read them all, so I ask instead. smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 27 2015, 04:47 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,734
Joined: 9-August 06
Member No.: 6



I move this to the JavaScript forum. Maybe Christian know something about JSON.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post May 27 2015, 05:43 PM
Post #6


.
********

Group: WDG Moderators
Posts: 9,668
Joined: 10-August 06
Member No.: 7



No. blush.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 27 2015, 07:43 PM
Post #7


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,734
Joined: 9-August 06
Member No.: 6



Should have guessed. rolleyes.gif tongue.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 21st May 2024 - 01:55 PM