QRZ.COM
ad: dxeng
ad: L-HROutlet
ad: l-assoc
ad: l-gcopper
ad: l-innov
ad: l-rl
ad: L-rfparts
ad: l-WarrenG
ad: l-Waters

How to add Direct Callsign Lookups to Your Web Page

Updated: 7 November 2012

QRZ welcomes all sites to link to our lookup database. The examples below show how you can add a direct callsign lookup feature to any web page. Note: these examples use XHTML and CSS 2.0

Adding a direct Link to your callsign:
If you would like to place a direct link to your callsign on your home page, use this HTML code (using AA7BQ as an example):

<a href="http://www.qrz.com/db/aa7bq"> QRZ link to My callsign </a>

Try it here: QRZ link to My Callsign

Lookup Links

Here's an easy "Quick Lookup" search box, similar to that used at the top of the QRZ home page:

QRZ callsign lookup:

And here's the HTML that produces it:

<form method="post" action="http://www.qrz.com/lookup" style="display:inline" >
<b>QRZ callsign lookup:<b>
<input type="text" name="callsign" size="8" />
<input type="submit" value="Search" /></b></form>

Next, here's a fancy version that looks great on any page.

QRZ callsign lookup:
Callsign lookups provided by qrz.com

And the HTML:

<table cellpadding="9" border="0" cellspacing="0" style="border:solid 1px #000;background-color:#3cc">
    <tr><td valign="center">
    <form method="post" action="http://www.qrz.com/lookup">
    <b>QRZ callsign lookup:</b>
    <input type="text" name="callsign" size="8" />
    <input type="submit" value="Search" /></b><br />
    <div style="text-align:right;font-size:0.7em">
	Callsign lookups provided by <a href="http://www.qrz.com">qrz.com</a>
    </div>
    </form>
    </td></tr>
</table>

And finally, a form-less Javascript version that opens a new browser window:

QRZ callsign lookup:
Callsign lookups provided by qrz.com

And the HTML:

<script type="text/javascript">
function searchQRZ() {
    var cs = document.getElementById('call').value;
    window.open('http://www.qrz.com/lookup/' + cs,'','height=800,width=700',true);
    document.getElementById('call').value = '';

}
</script>
<table cellpadding="9" border="0" cellspacing="0" style="border:solid 1px #000;background-color:#cc9">
    <tr><td valign="center">
    <b>QRZ callsign lookup:</b>
    <input type="text" id="call" size="8" />
    <button onClick="searchQRZ();">Search<button>
    <div style="text-align:right;font-size:0.7em">
	Callsign lookups provided by <a href="http://www.qrz.com">qrz.com</a>
    </div>
    </td></tr>
</table>

We hope you find these examples useful. email aa7bq@qrz.com if you have questions.



Copyright © 2015 by QRZ.COM
Sat Jul 4 05:06:07 2015 UTC
CPU: 0.025 sec 33126 bytes mp