.editUsersWindow .clear {
clear:both;
}
.editUsersWindow .error-message {
font-size:9px;
color:#00FF66;
}
html wyglada tak: <clear><input></input><error>tu sie pojawia error</error></clear>
w ten sposob mam inputy jeden pod drugim a po pojawieniu sie bledu blad pokazuje sie obok inputa, po jego prawej stronie.
]]>if ($type != 'hidden') {
$out .= $after;
if ($error !== false) {
$errMsg = $this->error($fieldName, $error);
if ($errMsg) {
//TODO zęby bylo na gorze
$out = $errMsg.$out;
$divOptions = $this->addClass($divOptions, 'error');
}
}
}div.error-message {
margin-left: 450px;
color: red;
}
czyli przesunalem tekst bledu na prawo (wczesniej tekst byl schowany pod nizszym formularzem). Na razie takie cos mi wystarcza.
]]>CSS
div.error-message {
display:none;
}
#flashBledy {
background-color: #FFCCCC;
text-align: center;
width: 40em;
margin:0;
padding-bottom:1em;
font-size:70%;
border: 1px black solid;
}JavaScript ( funkcję getElementsByClassName() wygooglujcie i dodajcie do tego samego pliku )
function bledy() {
if(document.getElementById("flashMessage")!=null) {
var elms = getElementsByClassName('error-message');
var inputy = [];
var error_msg = '';
error_msg += '<div id="flashBledy">';
for(var i=0,j=elms.length; i<j; i++) {
inputy.push(elms[i].parentNode.getElementsByTagName('input')[0]);
error_msg += '<br/><p>'+elms[i].innerHTML+'</p>';
}
for(var i=0,j=inputy.length; i<j; i++) inputy[i].style.background="#FFCCCC";
error_msg += '</div>';
document.getElementById("flashMessage").innerHTML += error_msg;
}
}Musicie umieścić plik z js w app/webroot/js , dołączyć plik z js np. w layoucie default.ctp
Pamiętajcie o dodaniu helpera JavaScript np w AppController.
default.ctp
echo $javascript->link('nazwa_pliku_bez_rozszerzenia');app_controller.php
var $helpers = array('Javascript', ...............);Na koniec dodamy wywołanie funkcji bledy() do pliku z widokiem zawierającym formularz.
Dodajcie gdzieś na końcu pliku.
widok_akcji_z_formularzem.ctp
$script = 'bledy();';
echo $javascript->codeBlock($script);