Po niespełna dwóch latach pora na kontynuację zabawy. Tym razem poziom wyżej i mieszanka: jedno zadanie dotyczące języka kompilowanego, a drugie skryptowego. A przed tym, rozwiązanie poprzedniej zagadki…

CodeTwister (#1) – rozwiązanie

W listopadzie 2008 roku zamieściłem prosty quiz dotyczący kodu XHTML, CSS i JavaScript. Rozwiązanie opierało się na poprawieniu czterech błędów:

1. W przypadku użycia negatywnego komentarza warunkowego strona przestaje być prawidłowym dokumentem XHTML. Tym bardziej wewnątrz arkusza stylów. Style przeznaczone dla Internet Explorera powinny więc być umieszczone w ukrytych komentarzach warunkowych lub za pomocą odpowiednich haków.

   <![if !IE]>
   div#container p {
       color: #ccc;
   }
   <![endif]>

2. Znacznik comment nie jest elementem XHTML.

   <comment>Nie używasz</comment>

3. Nie można w poniższy sposób dodać elementu z zawartością do jakiegokolwiek potomka body ponieważ kod JavaScript wykonywany jest przed załadowaniem dokumentu XHTML. W celu rozwiązania problemu można wykorzystać m.in. możliwości frameworków, elementu onload albo zdarzeń DOMContentLoaded lub window.onload.

   <script type="text/javascript">
   <!--
   if ( navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("MSIE 7") > -1 )
   {
       var p = document.createElement('p');
       p.appendChild(document.createTextNode("Wersja silnika IE: " + navigator.appVersion));
       document.body.firstChild.appendChild(p);
   }
   -->
   </script>

4. Brak wymaganego znacznika title.

Najbliżej rozwiązania był więc gruch4. Gratulacje!

A w nowym pakiecie…

Zadanie 1 w PHP: problem ze zwracanym wynikiem

Wykonujemy poniższy kod PHP:

$zmienna_poczatkowa = 10;
$zmienna_wynikowa = ((~$zmienna_poczatkowa)^(1+8)) << 2;
var_dump($zmienna_poczatkowa, $zmienna_wynikowa);

Dlaczego poniższy kod w wyniku zwraca wartość ujemną (int(10) int(-16))? Jak powinna wygląda poprawnie skonstruowana składnia? Jaki będzie wtedy wynik?

Zadanie 2 w C/C++: błędny kod

Znajdź błędy w poniższym kodzie C/C++. Czego w nim brakuje?

#include <stdio.h>
#include <windows.h> 

#define SIZE 200 

int main()
{
    int *m = malloc(SIZE*sizeof(int)), i;
    char small = 'x', large = 'y';

    for (i = 0; i < SIZE; ++i) {
        if ( !(i % 2) )
            printf("%s: %d\n", small, (*(m + i) = i * i));
        else
            printf("%s: %d\n", large, (*(m + i) = i * i));
    }

    free(m);

    return 0;
}

Życzę wszystkim powodzenia! :]

„Głupia stałość jest ulubieńcem ciasnych umysłów.” – Ralph Waldo Emerson

Żeby stanąć naprzeciw temu aforyzmowi wpisem tym rozpoczynam serię łamigłówek, bądź jak ktoś woli zagadek o tematyce programistycznej. Zabawa polegać będzie na tym, że raz na jakiś czas będę tworzył posty z kodem w treści… który oczywiście w pewnym stopniu będzie niepoprawny. Waszym zadaniem będzie znalezienie błędu :D

Pewnie wielu z Was ucieszy fakt, że tym razem na swojej drodze nie ujrzycie tekstu długości kilometra, a jedynie podstawowe informacje o tym „pojedynku”.

Zasady?!

• 1. Kod niekoniecznie musi mieć błąd, niekoniecznie musi być to jeden błąd, a już tym bardziej niekoniecznie musi go limitować jakakolwiek liczba błędów – czytaj, wolna amerykanka w ilości pomyłek do znalezienia.
• 2. Odpowiedzi udzielajcie w komentarzach. Wygrywa ten kto pierwszy wskaże wszystkie omyłki w kodzie (o ile takowe tam będą). Pamiętajcie, że pierwszy Wasz komentarz na tym blogu musi być zmoderowany. Nie zniechęcać się więc, jeśli to nie będzie spam na pewno to zrobię (a i z kolejki też nie wylecicie ;]).
• 3. Problematyka błędów najprawdopodobniej opierać się będzie na wyznaczonych wg. specyfikacji standardach. W tym pod uwagę należy brać różnorodne stosowane obejścia dla przeglądarek nie do końca działających wg. tychże standardów o ile z kodu wynika, że takowe mogły być użyte. Chyba, że w zadaniu będzie podane inaczej.
• 4. Pytania będę starał się tworzyć o różnych stopniach trudności, ale bez skrajności ani w jedną, ani w drugą stronę. Oczywiście będą limitowane moim stopniem umiejętności i wiedzy (gdzieś pomiędzy lame, a newbie, przypisało… Alter Ego?).

Miało być krótko!!!

Faktycznie, przepraszam… proszę nie bić ;] Łamigłówką na dzień dzisiejszy jest następujący kod XHTML + CSS + JS:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xml:lang="pl" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!-- wyslany jako application/xhtml+xml -->
	<meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" />
	<style type="text/css">
	body {
		font: bold 10px Helvetica, Arial;
		background-color: #000;
		color: #fff;
	}
	div#container {
		margin: 100px;
		width: 300px;
		height: 15px;
	}
	<![if !IE]>
	div#container p {
		color: #ccc;
	}
	<![endif]>
	</style>

	<script type="text/javascript">
	<!--
	if ( navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf("MSIE 7") > -1 )
	{
		var p = document.createElement("p");
		p.appendChild(document.createTextNode("Wersja silnika IE: " + navigator.appVersion));
		document.body.firstChild.appendChild(p);
	}
	-->
	</script>
</head>
<body>
	<div id="container">
		<h1>Przeglądarka!</h1>
		<p><comment>Nie używasz</comment><!--[if IE]>Używasz<![endif]--> IE!</p>
	</div>
</body>
</html>

CodeTwister, podejście pierwsze czas zacząć!