[JavaScript] Działanie na warstwie Opcje

[nikestylex7]

Witam mam problem. Oba skrypty działają poprawnie lecz zauważyłem pewien mankament między innymi jak mam najechane na pole name a chce jednocześnie coś wpisać np kropke "." to prawidłowo pojawia się border lecz title się nie zmienia zostaje takie jak było. Jak zrobić to live żeby zmieniało się od razu??

link do skryptu

http://jsfiddle.net/JDabW/15/

?

?

Pomoże ktoś bo męczę się z tym przykładem, a tak rozwinięty w jquery to nie jestem.

Ten post edytował nikestylex7 21.02.2014, 00:04:12

[klapaucius]

Plik java script:

[HTML] pobierz, plaintext 
$(document).ready(function(){
$("body").on("keyup", function() {
    var WzorName = /^[a-z]{3,30}$/i;
			var name = $("#name").val();
			if (WzorName.test(name)) 
			{
				$("#name").attr('title','OK');
				$("#name").css('background-image', 'url(images/okicon.png)');
                $("#name").css('background-repeat', 'no-repeat');
                $("#name").css('background-position', 'right');
                $("#name").css('border', '1px solid #d9d9d9');
                $("#name").css('border-top', '1px solid #c0c0c0');
            } else if($("#name").val() === ""){
				$("#name").attr('title','Nie wpisałeś imienia!');
				$("#name").css('background-image', 'url(images/okicon.png)');
                $("#name").css('background-repeat', 'no-repeat');
                $("#name").css('background-position', 'right');
				$("#name").css('border', '1px solid red');
			}else {
				$("#name").attr('title','Wpisałeś niepoprawny znak w pole imię. Dopuszczalne są tylko duże i małe litery polskiego alfabetu np: Żaneta.');
				$("#name").css('background-image', 'url(images/okicon.png)');
                $("#name").css('background-repeat', 'no-repeat');
                $("#name").css('background-position', 'right');
				$("#name").css('border', '1px solid red');
			}
        var titleText = $('#name').attr('title');
        $('.tooltip').text(titleText).hide().fadeIn('slow');
		});
});
 
$(document).ready(function(){
  $('#RegDialogRegister').click(function() {
    openDialog('#RegDialog');
  });
  $('#RegDialog')
  .find('.cancel')
  .live('click', function() {
  	closeDialog(this);
  })
  .end()
  .find('.cancel')
  .live('click', function() {
  	// Clicked disagree!
    console.log('clicked disagree!');
  });
});
 
function openDialog(selector) {
	$(selector)
		.clone()
		.show()
		.appendTo('#RegDialogOverlay')
		.parent()
		.fadeIn('fast');
}
 
function closeDialog( selector ) {
$(selector)
	.parents('#RegDialogOverlay')
	.fadeOut('fast', function() {
		$(this)
			.find('.dialog')
			.remove();
	});
}
$(document).ready(function(){
 $("body").on({
    mouseenter: function (e) {
    var titleText = $(this).attr('title');
    $(this).data('tipText', titleText).removeAttr('title');
 
      $('<p class="tooltip" style="z-index: 9999;"></p>').fadeIn('slow').text(titleText)
      .appendTo('body')
      .css('top', (e.pageY - 10) + 'px')
      .css('left', (e.pageX + 20) + 'px');
    },
    mouseleave: function () {
    $(this).attr('title', $(this).data('tipText'));
    $('.tooltip').remove();
    },
    mousemove: function (e) {
    $('.tooltip')
      .css('top', (e.pageY - 10) + 'px')
      .css('left', (e.pageX + 20) + 'px');
  }
    }, '.RegDialogTitle');
});
[HTML] pobierz, plaintext 

Dodana linijka 26 i 27.

Oczywiście z animacją się tam jeszcze możesz pobawić, wedle uznania.

Pozdrawiam!

Ten post edytował klapaucius 21.02.2014, 00:52:50

[nikestylex7]

Wszystko fajnie tylko problem jest w tym że jak najade na name wpisze coś źle np "." komunikat jest fajny a jak zjade z pola name i znowu najade to standardowy komunikat mi pokazuje a nie ten co był dlatego nie wiem jak to rozwiązać wrzucać to w tablice ? i potem odczytywać to no nie wiem aż tak tego nie ogarniam. Może pomożecie ?

?

?

?


?

Pomocy prosze !@#'

Ten post edytował phpion 24.02.2014, 12:16:19

Powód edycji: [phpion]: Proszę uporczywie nie podbijać tematu. 4x wystarczą. Następnym razem otrzymasz ostrzeżenie.