Fiz uma outra pergunta aqui no forum sobre outro assunto que me ajudou muito sobre isto porém o link abre em nova página.
O que eu gostaria é que ao clicar no submit abrisse dentro de um iframe dentro da página e se o campo não fosse preenchido recebesse uma mensagem (popup) informando que o campo não foi preenchido..
<?php
if (isset($_REQUEST['txt_url'])) {
$link = 'http://' . $_REQUEST['txt_url'] . '.datatix.com.br';
header('Location: ' . $link);
}
?>
<div class="instancia">
<div class="content">
<img src="img/logo_datatix.jpg" height="32px">
<form action="" method="post">
<input type="text" name="txt_url" value="" placeholder="Digite sua Instância">
<input type="submit" value="Ok" name="ok "class="ok">
</form>
</div>
</div>
<div class="iframe">
<iframe id="conteudo_iframe"></iframe>
</div>
Se possível não usar php seria muito melhor.
Seria mais ou menos o que está no código abaixo, porém o usuário não coloca o domínio inteiro apenas o subdomínio.
Exemplo: Ele coloca "teste" e da "OK" mas no iframe carregaria o link teste.dominio.com.br
body{ padding:0; margin:0;}
.instancia{ background-color:#D3172F; color:#FFF; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width:100%; position:fixed; border-bottom:#9B1022 2px solid !important;}
.instancia .content{ width:320px; margin:0 auto; display:table;}
.instancia img{ float: left;}
.instancia input{ height:30px; padding-left:5px; padding-right:5px; width:176px; border:0; float: left;}
.instancia .ok{ border:0; background-color:#9B1022; height:32px; width:32px; color:#FFF; float:left; font-weight:bold; cursor:pointer;}
<div class="instancia">
<div class="content">
<img src="img/logo.jpg" height="32px">
<form action="" method="post">
<input type="text" name="txt_url" value="" placeholder="Digite sua Instância">
<input type="submit" value="Ok" name="ok "class="ok">
</form>
</div>
</div>
<div class="iframe">
<iframe name="exemplo" width="100%"></iframe>
</div>