How-to do Google search input form transaction position: from center to top - css

I am asking this question after spending more than 10 days, looking for information in books, youtube tutorial for php , mysql, javascript , jquery, and not able to get an answer or some feedback how to do it.
I am doing the search engine in my website and I would like to create the same effect as Google... once you type or input something in the search box the whole page will change from having the search form in the center of the page TO place it on the header of the page. HOW TO DO THAT???

Your search box is a form. Its going to pass that form data to a script, process it and then output the search results on a new page. You simple apply a different style template to the results page.
If this is an overly simplistic answer for your situation please give more specific information on the search script you are using and whether your website is hardcoded or generated via a CMS solution.

Related

Google Analytics, internal link analytics?

I'll use StackOverflow as an example.
A user can reach a question/answer page from
outside of stackoverflow
from another page of stackoverflow
from a search result
from a link in other posts (link in another question or answer)
from Similar Questions section
from a user profile page
I'd like to know how those internal links are used.
Main question is What are the percentages of each type of links which led users to the Q/A page in stackoverflow
I want to know the answer for the Q/A pages as a whole not for each individual Q/A page.
Is this implementable using GA and if so, I'd like to hear a general guide so I can dig in.
Is there a term for this kind of analysis? (internal link analysis? Knowning a term helps me to google further..)
Edit
I found one way to do this using sitesearch.
http://cutroni.com/blog/2010/03/30/tracking-internal-campaigns-with-google-analytics/
It's from 2010, and not sure its still the best way to do it.
To be able to tell different links from the same page e.g. you will need to setup enhanced link attribution by requiring the plugin via this command
ga('require', 'linkid', 'linkid.js');
the plugin also requires decorating each link that reffers to the same destination (the question) a unique id. you can also chose to decorate a container element such as a div which holds link or its parent (up to 5 levels)
there are a number of ways to get at this data.
One way is a under reporting look at Behavior>Behavior Flow. The view crates a sunkey diagram. which you can narrow down using a custom segment + creating a content grouping. The advantage of the Behavior flow is that it is visual - but it is difficult to customize.
Another approach you could take is to locate the question in the Behavior > Site Content>All pages and the set the secondary dimension to "Previous Page Path". You can use the advanced filter to select a specific question, and to limit the previous pages to page paths matching the pattern for each type of page you discussed.
To view the attribution for different links you need to select the In-Page Analytics tab.
FYI, I've implemented it using Google tag manager.
I defined event navigateToQnA.
And fired the event with different event action for different type of clicks I care about.
Maybe bit laborious than the sitesearch method I linked in the question.
But cleaner in a sense that you don't pollute url parameters to collect the data.

How to show a specific div from an external site on one of my webpages

I have a Wordpress-managed site and I would like to embed a specific part of another website in one of my pages. I have identified the div of the part I'm interested in with Firebug. How can I get it to appear on one of my web pages? Simply using an iframe displays the whole page, but I'd rather have the specific div only.
The webpage I want to fetch the div from is outfitpoints.com
and the particular div is div id="outfitdetails" (the box of details seen on the page). It's this box I'd like to have appear on one of my pages.
I'm the developer of Outfitpoints, so I thought I'd answer with a few options.
Firstly, the data I use comes straight out of the Planetside2 API (census.soe.com), so you could write something that pulls some data yourself straight from the source.
However, yours is not the first request to provide this sort of data in a way people can imbed on their own site, so I will be looking into providing the data in that format in the very near future.
What sort of site are you looking to embed it in (enjin, guildlaunch, vbulletin etc.)? Just so I can test and make sure it works with it.
Also, feel free to give me a shout using the contact method on the site if you want to discuss it more.

WordPress - add Database driven tables

I'm just trying to move one of my old php sites to wordpress. As part of the site I have 'top tables' e.g. top 10 cars, listing their features etc. At the moment that all comes from a database and the HTML is generated from the data.
So if a car soon gets a hybrid engine I just check that in the database and my web site table updates to reflect that.
This all works fine. I just don't know where to start when trying to implement something like this in wordpress. I want to keep the WP header, footer, nav... and put my table in to the content area.
Someone recommended simply copying the current generated HTML in to a new post and editing the HTML when anything changes, this sounds like a quick solution but there must be a better way of doing this.
Ideally I would want to keep my current data input pages (and separate database) for all of this 'table data' and present the out put as a post.
If anyone can point me in the right direction (key words I should search for, a guide) that would be great.
Depending on your usecase, you'll usually want to use a static page template:
http://codex.wordpress.org/Page_Templates
Or shortcodes:
http://codex.wordpress.org/Shortcode_API

Is There a way to customize the IN/Company link for LinkedIn

I have inherited some code which uses uses the LinkedIn Company Profile API. At least that's what I think it is. Basically a script tag is rendered in the following format:
<script type="IN/CompanyProfile" data-id="9999" data-format="click"></script>
This together with .js file creates a link with the Linked-in logo which when clicked on reveals profile of company. Question is, can I customize the link. I want to add some text to the right of the linked in logo. I couldn't find any relevant documentation on it. I added a span tag with some text and attempted to wire up the click of the span, so that when clicked it clicks the linkedin icon. That doesn't seem to work-- which I found rather odd.
Any thoughts?
The Company Profile plugin builder is here:
https://developer.linkedin.com/plugins/company-profile-plugin
Customization of this plugin is limited to width (using data-width) at this time because of the complex layout. However, you could build something similar using the Javascript API if you need something more customized to your system.
This is another option that is more customizable, but has less interactivity:
https://www.linkedin.com/profile/profile-badges

Looking for advice on the best way to show BIRT reports in Drupal

On a Drupal app, my goal is to display a page with a couple of CCK or taxonomy drop-down widgets, two Date Popup Calendar widgets and a "fake" submit button. The submit will use ajax to send the info to a PHP page that generates a BIRT report and returns the complete HTML back to the page, which I'll just inject into an empty div. I'd like to keep the controls on the page at all times and just use ajax to keep replacing the div containing my report as the user changes parameters and resubmits.
What's the best way to achieve this? I can handle a decent amount of PHP and JavaScript, but trying to leverage Drupal to create a page and display the controls is proving difficult to understand. Examples I've been reading are either too unrelated or too abstract to be helpful. Thanks!
No love from masses, but after a few more days of hammering on it, I've got BIRT 2.5 reports to play nicely in Drupal 6.16. You can read the whole story and see code samples here: I've completed integrating this with BIRT via a small custom module. You can read the full story with code samples here: http://nicholaiburton.com/blog/2010/creating-custom-reports-for-drupal

Resources